<title></title>
//添加jqzoom的css文件和js文件
<link rel="stylesheet" href="css/jqzoom.css" type="text/css">
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/jqzoom.pack.1.0.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
var options =
{
//设置参数
zoomWidth: 250, //放大镜的宽度
zoomHeight: 250,//放大镜的高度
zoomType:'reverse'
};
$(".jqzoom").jqzoom(options);
});
</script>
</head>
<body>
<!-- 代码 开始 -->
<div id="content" >
<a href="images/big.jpg" class="jqzoom" title="图片标题"> <img src="images/small.jpg" title="图片标题" > </a>
</div>
</body>
jqzoom实现放大镜功能
猜你喜欢
转载自blog.csdn.net/weixin_43482965/article/details/104373853
今日推荐
周排行