1、下载jquery-1.4.js包和jqzoom.pack.1.0.1.js包,并放到web/scripts底下
2、准备两个图片,一大一小,并放到web/images底下
![](http://hiphotos.baidu.com/gyzmissme/pic/item/a69515080de0ff0db1351de6.jpg)
![](http://hiphotos.baidu.com/gyzmissme/pic/item/78a345a0d5cc729ecbefd0e7.jpg)
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、效果: