特效描述:左右滚动图片 点击小图 出现大图。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>