<!DOCTYPE html>
<html>
<head>
<title>放大镜</title>
<meta charset="utf-8">
<script type="text/javascript" src="jquery-1.9.js"></script>
<script type="text/javascript" src="jQuery-jQZoom.js"></script>
<script type="text/javascript">
$(function(){
$("#magnifier").jQZoom();
})
</script>
</head>
<body>
<div class="container" id="magnifier">
<div id="small">
<div class="mark"></div>
<span class="float_layer"></span>
<img src="images/m1.jpg" width="310" height="310">
</div>
<div id="big" style="display:none;">
<img src="images/b1.jpg"/>
</div>
<div class="conList">
<span id="left"></span>
<span id="right"></span>
<div id="list">
<ul>
<li class="active" mSrc="images/m1.jpg" bSrc="images/b1.jpg">
<a href="javascript:;"><img src="images/s1.jpg"/></a>
</li>
<li mSrc="images/m2.jpg" bSrc="images/b2.jpg"><a href="javascript:;"><img src="images/s2.jpg"/></a></li>
<li mSrc="images/m3.jpg" bSrc="images/b3.jpg"><a href="javascript:;"><img src="images/s3.jpg"/></a></li>
<li mSrc="images/m4.jpg" bSrc="images/b4.jpg"><a href="javascript:;"><img src="images/s4.jpg"/></a></li>
<li mSrc="images/m5.jpg" bSrc="images/b5.jpg"><a href="javascript:;"><img src="images/s5.jpg"/></a></li>
<li mSrc="images/m6.jpg" bSrc="images/b6.jpg"><a href="javascript:;"><img src="images/s6.jpg"/></a></li>
<li mSrc="images/m7.jpg" bSrc="images/b7.jpg"><a href="javascript:;"><img src="images/s7.jpg"/></a></li>
<li mSrc="images/m8.jpg" bSrc="images/b8.jpg"><a href="javascript:;"><img src="images/s8.jpg"/></a></li>
<li mSrc="images/m9.jpg" bSrc="images/b9.jpg"><a href="javascript:;"><img src="images/s9.jpg"/></a></li>
<li mSrc="images/m10.jpg" bSrc="images/b10.jpg"><a href="javascript:;"><img src="images/s10.jpg"/></a></li>
<li mSrc="images/m2.jpg" bSrc="images/b2.jpg"><a href="javascript:;"><img src="images/s2.jpg"/></a></li>
<li mSrc="images/m3.jpg" bSrc="images/b3.jpg"><a href="javascript:;"><img src="images/s3.jpg"/></a></li>
<li mSrc="images/m4.jpg" bSrc="images/b4.jpg"><a href="javascript:;"><img src="images/s4.jpg"/></a></li>
<li mSrc="images/m5.jpg" bSrc="images/b5.jpg"><a href="javascript:;"><img src="images/s5.jpg"/></a></li>
<li mSrc="images/m6.jpg" bSrc="images/b6.jpg"><a href="javascript:;"><img src="images/s6.jpg"/></a></li>
<li mSrc="images/m7.jpg" bSrc="images/b7.jpg"><a href="javascript:;"><img src="images/s7.jpg"/></a></li>
<li mSrc="images/m8.jpg" bSrc="images/b8.jpg"><a href="javascript:;"><img src="images/s8.jpg"/></a></li>
<li mSrc="images/m9.jpg" bSrc="images/b9.jpg"><a href="javascript:;"><img src="images/s9.jpg"/></a></li>
<li mSrc="images/m10.jpg" bSrc="images/b10.jpg"><a href="javascript:;"><img src="images/s10.jpg"/></a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
jquery 放大镜与图片左右按钮滚动
5星 · 超过95%的资源 需积分: 9 27 浏览量
2013-06-13
16:23:27
上传
评论
收藏 1.51MB RAR 举报 
.rar （35个子文件） 
放大镜插件 
jQuery-jQZoom.js 3KB images 
s10.jpg 873B m8.jpg 12KB m9.jpg 14KB b9.jpg 63KB
right.gif 1KB s7.jpg 858B m2.jpg 14KB b2.jpg 218KB b7.jpg 59KB b1.jpg 76KB b6.jpg 150KB s6.jpg 1KB m7.jpg 13KB b8.jpg 54KB left.gif 1KB m3.jpg 18KB m10.jpg 14KB b5.jpg 465KB b10.jpg 60KB s9.jpg 921B s4.jpg 1KB m4.jpg 19KB b4.jpg 156KB s2.jpg 891B m1.jpg 15KB m6.jpg 27KB s3.jpg 1KB s1.jpg 921B s5.jpg 3KB s8.jpg 860B b3.jpg 140KB m5.jpg 64KB jQuery-jQZoom.css 1KB
放大镜.html 3KB资源评论
freebirdy2018-11-01看样子还不错啊
