jquery左右滚动图片点击小图出现大图特效代码下载

代码结构

1. 引入CSS

<link href="css/css.css" rel="stylesheet" type="text/css" />

2. 引入JS

<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="js/slider.js" type="text/javascript"></script>

3. HTML代码

	<div style="height:200px;"></div>
	<div id="slider">
		<div class="spic">
			<img src="images/01.jpg" />
			<a href="https://www.51qianduan.com/">51前端</a>
		</div>
		<div class="spic">
			<img src="images/02.jpg" />
			<a href="https://www.51qianduan.com/">51前端</a>
		</div>
		<div class="spic">
			<img src="images/03.jpg" />
			<a href="https://www.51qianduan.com/">51前端</a>
		</div>
		 <div class="spic">
			<img src="images/04.jpg" />
			<a href="https://www.51qianduan.com/">51前端</a>
		</div>
		<div class="spic">
			<img src="images/05.jpg" />
			<a href="https://www.51qianduan.com/">51前端</a>
		</div>
		<div class="spic">
			<img src="images/06.jpg" />
			<a href="https://www.51qianduan.com/">51前端</a>
		</div>    
	</div>