如何实现类似淘宝网上鼠标经过商品时放大图片的效果。

JavaScript09

如何实现类似淘宝网上鼠标经过商品时放大图片的效果。,第1张

可以通过html、jquery、css实现。

大概的流程如下：

1 把图片放到一个div中，代码：<div><img src="product.gif"></div>，然后再写一个空的div用于放大图片的浮动显示。

2 给上面的div加上鼠标经过事件，代码：<div onmouseover=“change_img(this)”><img src="product.gif"></div>

3 处理鼠标经过事件，首先定位鼠标经过图片点的坐标，以此点为中心，要放大多少范围之内的图片，放大几倍，这个自行定义。

4 把放大的图片显示到之前定义的空div中。

鼠标移到删除上状态栏显示javascript:void()，那是页面包含javascript的代码，有些浏览器不支持javascript，会自动过滤的，建议你使用360或遨游，不要用火狐，如果还不行，那就不是你网速忒慢，就是网页有问题了。。。。。。

鼠标右键点击然后选择查看源文件，如果你有网页制作方面的基础的话整个网页的源代码都可以看到了如果不懂就把源代码复制到网页制作的源代码区就可以通过所见即所得的方式查看整个网页的编写情况了。

希望我的回答对你的问题有帮助