<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js仿京东主图放大镜特效 - 更多源码【www.96flw.com】</title>
<link rel="stylesheet" href="css/style.css">
<script type="text/javascript" src="js/magnifier.js"></script>
</head>
<body>
<div class="product-intro">
<div class="center">
<div class="product-left">
<div class="box" id="box">
<div class="smallbox">
<img src="img/1.jpg">
<span class="i_box"></span>
<div class="search"></div>
</div>
<div class="bigbox">
<img src="img/big1.jpg" style="position: absolute;left: 0;top:0;">
</div>
</div>
<div class="listimg">
<a href="javascript:;" >
<i class="sprite-arrow-prev" id="spec-forward"></i>
</a>
<a href="javascript:;" >
<i class="sprite-arrow-next" id="spec-backward"></i>
</a>
<div class="list_center" id="list_center">
<ul style="position: absolute;top: 0;left: 0;">
<li><img src="img/1.jpg"></li>
<li><img src="img/2.jpg"></li>
<li><img src="img/3.jpg"></li>
<li><img src="img/4.jpg"></li>
<li><img src="img/5.jpg"></li>
<li><img src="img/6.jpg"></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
<p>更多源码<a href="http://www.96flw.com" target="_blank">www.96flw.com</a></p>
</div>
</body>
</html>
js仿京东主图放大镜特效.zip
版权申诉
30 浏览量
2023-10-10
23:46:31
上传
评论
收藏 514KB ZIP 举报
js仿京东主图放大镜特效.zip （18个子文件） 
jiaoben7685 js 
magnifier.js 3KB img 
2.jpg 18KB big2.jpg 79KB big1.jpg 79KB big5.jpg 65KB big3.jpg 86KB 6.jpg 16KB 1.jpg 18KB big6.jpg 72KB
search.png 2KB 5.jpg 16KB disabled-prev.png 349B big4.jpg 74KB disabled-next.png 338B 3.jpg 18KB 4.jpg 18KB css style.css 1KB
index.html 2KB资源评论
