jquery插件通过将鼠标经过图片右侧来实现显示大图的效果(类似淘宝)

这个插件的名字是elevatezoom，网站是http://www.elevateweb.co.uk/image-zoom,github上项目的主页是https://github.com/elevateweb/elevatezoom.建议在github下载，比较快。为了达到这种效果，你需要准备两张图片，一张小的，一张大的，当鼠标经过时显示。然后我们只需要将data-zoom-image属性添加到img标签中，它的值就是大图像的地址。最后，我们可以在javascript中选择图像并调用elevateZoom()。下面举个例子(在github下载的代码中):复制代码如下：DOCTYPE html html head meta charset=' utf-8 '/title jquery elevate Zoom Demo/title脚本src='jquery-1.8.3.min.js'/脚本脚本src=' jquery . elevate Zoom-2 . 3 . 0 . min . js '/脚本/head body h1Basic Zoom示例/h1 img id=' Zoom _ 01 ' src=' images/small/image 1 . png ' data-Zoom-image=' images/large/image 1 . jpg '/br/elevate zoom()；/script /body /html的效果如下：。

具体代码我没有研究，只是知道怎么用，所以在这里分享一下。