這個是懶人之家提供的demo，很好用翁狐，比我之前找的elevatezoom好用多了真竖，使用更加簡單
使用方法
使用方法：
1、將lanrenzhijia.css樣式引入到你的網(wǎng)頁中
2付翁、將body中class='lanrenzhijia'里的內容復制到你的網(wǎng)頁中即可
(注意保持js路徑正確)
- html代碼
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="./css/lanrenzhijia.css">
</head>
<body>
<div class="lanrenzhijia">
<!-- 大圖begin --> <div id="preview" class="spec-preview">
<span class="jqzoom"></span>
</div>
<!-- 大圖end -->
<!-- 縮略圖begin -->
<div class="spec-scroll">
<a class="prev"><</a>
<a class="next">></a>
<div class="items">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
<!-- 縮略圖end -->
<!-- jquery文件 -->
<script src="js/jquery-1.8.3.min.js"></script>
<!-- 插件文件 -->
<script src="js/jquery.jqzoom.js"></script>
<!-- 效果文件 -->
<script src="js/lanrenzhijia.js"></script>
</div>
</body>
</html>
插件文件在我的網(wǎng)盤里，下面是我的網(wǎng)盤地址
- 地址：http://pan.baidu.com/s/1c23K6m0
- 密碼：tt0z
- 懶人之家下載地址：http://www.lanrenzhijia.com/jquery/2912.html
