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.           
3.   
4.         <center>  
5.             <img class="zoom" src="../dalian.jpg" width="100" data-zoom-image="../dalian.jpg"/>  
6.             <img class="zoom" src="../xianggang.jpg" width="100" data-zoom-image="../xianggang.jpg"/>  
7.         </center>  
8.   
9.     </div>