昨天郁闷了很久终于写出来了,该功能和中关村手机上的一样,你把鼠标放上去就看到局部的大图了
首先要下引入相关的js和css
<script src="../js/jquery.jqzoom-core.js" type="text/javascript"></script> <link rel="stylesheet" href="../css/jquery.jqzoom.css" type="text/css">然后
<script type="text/javascript"> $(document).ready(function() { $('.jqzoom').jqzoom({ zoomType: 'standard', lens:true, preloadImages: false, alwaysOn:false }); }); </script> 然后是 <body><a href="img/big.jpg" class="jqzoom" > <img src="img/small.jpg"> </a></body>
注意big.jpg和small.jpg是同样的一张图片不同的大小