特效描述:图片滚动动画 停止开始 按钮控制。jquery 图片滚动动画停止开始按钮控制特效代码下载
代码结构
1. 引入JS
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/startstop-slider.js"></script>
2. HTML代码
<div id="page-wrap"> <h2>启动/停止 图片滚动</h2> <div id="slider"> <div id="mover"> <div id="slide-1" class="slide"> <h3><a href="https://www.51qianduan.com/" target="_blank">51前端</a></h3> <p><a href="https://www.51qianduan.com/" target="_blank">51前端</a></p> <a href="http://www.51qianduan.com/"><img width="150" height="150" alt="jquery特效选项卡基于jquery tab 插件支持垂直选项卡" src="images/smallba66cb66d48ae5d3afd6567bde85a8c6.jpg" /></a> </div> <div class="slide"> <h3><a href="https://www.51qianduan.com/" target="_blank">51前端</a></h3> <p><a href="https://www.51qianduan.com/" target="_blank">51前端</a></p> <a href="http://www.51qianduan.com/"><img width="150" height="150" alt="javascript特效图片滚动插件支持单排图片上下滚动、图片无缝滚动" src="images/small838718c6c6e0707250734cfe9e046cee.jpg" /></a> </div> <div class="slide"> <h3><a href="https://www.51qianduan.com/" target="_blank">51前端</a></h3> <p><a href="https://www.51qianduan.com/" target="_blank">51前端</a></p> <a href="http://www.51qianduan.com/"><img width="150" height="150" alt="用CSS3更换一个确认对话框的jQuery" src="images/small79b7ec4e3a48d1f0b125bcbd6bed0fb2.jpg"></a> </div> </div> </div> </div>