jquery.elevatezoom.js文件请到演示文件查看
![jquery 鼠标经过放大图片 jquery 鼠标经过放大图片](https://i-blog.csdnimg.cn/blog_migrate/389a7a7c41ffb8034b48e136c8feace7.jpeg)
JavaScript Code
- <script type="text/javascript">
- $(document).ready(function() {
- $(".zoom").elevateZoom({
- easing : true,
- borderSize: 1,
- showLens: true,
- borderColour: "#fff",
- });
- });
- </script>
XML/HTML Code
- <div class="container">
- <center>
- <img class="zoom" src="../dalian.jpg" width="100" data-zoom-image="../dalian.jpg"/>
- <img class="zoom" src="../xianggang.jpg" width="100" data-zoom-image="../xianggang.jpg"/>
- </center>
- </div>
原文地址:http://www.freejs.net/article_jquerytupiantexiao_89.html