首页>>Jquery图片>>jquery 鼠标经过放大图片(2013-10-29)

jquery 鼠标经过放大图片

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

jquery 鼠标经过放大图片
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

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>  

 


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