<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>jquery 放大镜插件</title>
<link href="css教程/jqzoom.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/网页特效" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.jqzoom.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".jqzoom").jqueryzoom({
xzoom:400, // 放大图的宽
yzoom:225, // 放大图的高
offset:10, // 放大图距离原图的位置
position:'right' // 放大图在原图的右边(默认为right)
});
});
</script></head>
<body>
<form id="form1" runat="server">
<div>
<div class="jqzoom">
<img src="images/small.jpg" jqimg="images/big.jpg" />
</div>
</div>
</form>
</body>
</html>
源码下载地址
http://down.111cn.net/down/code/js/jiaodiantu/2010/0918/20820.html