jqzoom实现放大镜功能

	<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>
发布了16 篇原创文章 · 获赞 2 · 访问量 202

猜你喜欢

转载自blog.csdn.net/weixin_43482965/article/details/104373853