特效描述:基于jquery实现 首页banner 焦点图切换插件。基于jquery实现首页banner焦点图切换插件
代码结构
1. 引入JS
<script src="js/jquery-1.7.2.min.js"></script> <script src="js/html5zoo.js"></script> <script src="js/lovelygallery.js"></script>
2. HTML代码
<!-- 轮播图 --> <div class="pics_wrap"> <div id="html5zoo-1"> <ul class="html5zoo-slides" style="display:none;"> <li><a href="http://www.51qianduan.com//"><img src="images/001.jpg" /></a></li> <li><a href="http://www.51qianduan.com//"><img src="images/002.jpg" /></a></li> <li><a href="http://www.51qianduan.com//"><img src="images/003.jpg" /></a></li> <li><a href="http://www.51qianduan.com//"><img src="images/004.jpg" /></a></li> <li><a href="http://www.51qianduan.com//"><img src="images/005.jpg" /></a></li> </ul> </div> </div> <!-- 轮播图结束 --> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> </div>