简约---JQUERY--jqzoom插件图片放大镜插件

1、下载jquery-1.4.js包和jqzoom.pack.1.0.1.js包,并放到web/scripts底下

2、准备两个图片,一大一小,并放到web/images底下



3、index.html源码:

<html>
<head>
<title>JQzoom图片放大镜插件Demo</title>
<script src="scripts/jquery-1.4.js" type="text/javascript"></script>
<script src="scripts/jqzoom.pack.1.0.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$(".jqzoom").jqzoom();
});
</script>
</head>

<body>
<div>
   <a href="images/12.jpg" class="jqzoom" >
     <img src="images/11.jpg"></a>
</div>
</body>
</html>

4、效果:




郑重声明:资讯 【简约---JQUERY--jqzoom插件图片放大镜插件】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——