基于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>