<html>
<head>
<title>JQzoom Demo</title>
<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 src="../js/script.js" type="text/javascript"></script>
<link rel="stylesheet" href="../css/jqzoom.css" type="text/css">
<style type"text/css">
div.notes{
font-size:12px;
}
div.notes a{
color:#990000;
}
</style>
<script type="text/javascript">
$(function() {
$(".jqzoom").jqzoom();
});
</script>
</head>
<body>
<div id="main">
<h1>jquery模仿淘宝</h1>
<h2>View the <a href="http://user.qzone.qq.com/544564050/infocenter" target="_blank">original tutorial »</a></h2>
<div id="gallery">
<div id="slides">
<div class="slide"><a href="kawasakigreen.jpg" class="jqzoom" style="" title="kawasaki"><img src="kawasakigreen_small.jpg" alt="side" /></a></div>
<div class="slide"><a href="kawasakigreen.jpg" class="jqzoom" style="" title="kawasaki"><img src="kawasakigreen_small.jpg" alt="side" /></a></div>
<div class="slide"><a href="kawasakigreen.jpg" class="jqzoom" style="" title="kawasaki"><img src="kawasakigreen_small.jpg" alt="side" /></a></div>
</div>
<div id="menu" style="display:block;">
<ul>
<li class="menuItem"><a href=""><img width="111"; height="84" src="kawasakigreen_small.jpg" alt="thumbnail" /></a></li><li class="menuItem"><a href=""><img width="111"; height="84" src="kawasakigreen_small.jpg" alt="thumbnail" /></a></li><li class="menuItem"><a href=""><img width="111"; height="84" src="kawasakigreen_small.jpg" alt="thumbnail" /></a></li>
</ul>
</div>
</div>
</div>
</body></html>
淘宝展示商品 jquery实现
5星 · 超过95%的资源 需积分: 33 144 浏览量
2012-11-05
18:30:01
上传
评论 1
收藏 507KB RAR 举报 
jquery.rar （11个子文件） 
jquery css 
jqzoom.css 3KB images 
zoomloader.gif 2KB Thumbs.db 111KB js jqzoom.pack.1.0.1.js 9KB jquery-1.3.2.min.js 56KB script.js 2KB jquery.jqzoom1.0.1.js 26KB demo Thumbs.db 9KB
kawasakigreen.jpg 366KB
index.html 2KB kawasakigreen_small.jpg 62KB
- 1
- 2
前往页