This article mainly introduces the implementation of jquery mouse over small map display large image method, involving pictures and mouse operation skills, with a certain reference value, the need for friends can refer to the
-->The example of this article describes the method of jquery to display large image when the mouse is sliding over a small picture. Share to everyone for your reference. The implementation methods are as follows:
The code is as follows: <meta http-equiv= "Content-type" content= "Text/html;charset=utf-8"/>$ ("div"). Append (Smallpath);
Add an event on a small map
Smallpath.mouseover (function () {
Last div fade effect
$ ("div"). Last (). FadeIn ("fast");
Get Large Map Address
$ ("#show"). attr ("src", $ (this). attr ("Bigmappath"));
Get a large diagram name and set a style
$ ("#imgTitle"). Text ($ (this). attr ("Bigmapname")). CSS ({"Background": "#ebf1de", "padding": "10px", "Margin-bottom": " 10px "});
});
Smallpath.mouseout (function () {
$ ("div"). Last (). fadeout ("fast");
});
});
});
</script>
<body>
<div></div>
<div>
</div>
</body>
I hope this article will help you with your jquery programming.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
