jquery 鼠标经过放大图片

jquery.elevatezoom.js文件请到演示文件查看

演示

JavaScript Code

1. <script type="text/javascript">
2. $(document).ready(function() {
3. $(".zoom").elevateZoom({
4. easing : true,
5. borderSize: 1,
6. showLens: true,
7. borderColour: "#fff",
8. });
9. });
10. </script>

XML/HTML Code

1. <div class="container">
2. <center>
3. <img class="zoom" src="../dalian.jpg" width="100" data-zoom-image="../dalian.jpg"/>
4. <img class="zoom" src="../xianggang.jpg" width="100" data-zoom-image="../xianggang.jpg"/>
5. </center>
6. </div>

原文地址:http://www.freejs.net/article_jquerytupiantexiao_89.html