图片放大镜查看

来源:互联网 发布:wifi定位算法研究 编辑:程序博客网 时间:2024/06/07 07:14

要准备一张小图和一张清晰点的大图,然后在页面中引入JQUERY和这个插件的JS


<html>

<head>
<script src="/js/jquery-1.7.2.min.js"></script>
<script src="/js/jqzoom.pack.1.0.1.js"></script>
<link rel="stylesheet" type="text/css" href="/css/jqzoom.css"/>
</head>
<body>
<a href="/img/big.jpg" class="jqzoom" style="" title="kawasaki">
  <img src="/img/small.jpg" border="0" style="border: 1px solid #666;"  title="kawasakigreen">
  </a>
</body>
<script type="text/javascript">
$(function() {
var options3 =
{
   zoomWidth: 300,
   zoomHeight: 300,
   xOffset: 20,
   title: false,
   lens:false

};
$(".jqzoom").jqzoom(options3);
});
</script>

</html>


jqzoom插件下载地址:

http://download.csdn.net/detail/lluohuih/8460393

0 0
原创粉丝点击