带缩略图的banner图片轮播图。
淘建站为您提供更多_图片代码_图片轮播_淡入淡出banner_带缩略图banner，在此特别感谢您对我们的支持与厚爱！
查看演示
演示不了，点击反馈
加入收藏
下载 264 次
打赏作者
觉得不错，可打赏下作者
下载资源
免费共享
特别说明：本站资源来自网友发布分享，仅供学习与参考，请勿用于商业用途，若有侵权请联系删除(272966172@qq.com)。
载入css+js
<link href="css/style.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.1.4.4.js"></script>
<script type="text/javascript" src="js/script.js"></script>html代码
<div id="home_banner">
<a id="big_a"><div id="big_img"></div></a>
<div class="relative">
<div id="small_img">
<div class="maxwidth">
<a id="small_pre"><</a>
<div id="small_imgs">
<a href="javascript:;" class="item"><div class="img" b="images/01.jpg" l="" theid="69"> <img src="images/01.jpg"/></div></a>
<a href="javascript:;" class="item"><div class="img" b="images/02.jpg" l="" theid="69"> <img src="images/02.jpg"/></div></a>
<a href="javascript:;" class="item"><div class="img" b="images/03.jpg" l="" theid="69"> <img src="images/03.jpg"/></div></a>
<a href="javascript:;" class="item"><div class="img" b="images/04.jpg" l="" theid="69"> <img src="images/04.jpg"/></div></a>
<a href="javascript:;" class="item"><div class="img" b="images/05.jpg" l="" theid="69"> <img src="images/05.jpg"/></div></a>
</div>
<a id="small_next">></a>
</div>
</div>
</div>
</div>原理很简单，更换#big_img 的background的值
