你的位置:首页 > 软件开发 > Java > jquery——左右按钮点击切换一组图片功能

jquery——左右按钮点击切换一组图片功能

发布时间:2015-11-12 10:00:07
一、最终效果二、功能分析1、需求分析点击左边pre按钮,显示前面三个图片,点击右边的next按钮,显示后面的一组(三个)图片。初始化只显示next按钮,到最后一组只显示pre按钮,中间过程两按钮都显示。2、html结构分析 <div class="activity ...

jquery——左右按钮点击切换一组图片功能

一、最终效果

jquery——左右按钮点击切换一组图片功能

二、功能分析

1、需求分析

点击左边pre按钮,显示前面三个图片,点击右边的next按钮,显示后面的一组(三个)图片。初始化只显示next按钮,到最后一组只显示pre按钮,中间过程两按钮都显示。

2、html结构分析

 <div class="activity" id="activity-slide">    <a href="javascript:void(0)" class="pg_left ps_pre"></a>    <a href="javascript:void(0)" class="pg_right ps_next" ></a>     <ul class="clearfix">      <li><a href="javascript:;"><img src='/images/loading.gif' data-original="images/activity01-1410.jpg"></a></li>      <li><a href="javascript:;"><img src='/images/loading.gif' data-original="images/activity02-1410.jpg"></a></li>      <li><a href="javascript:;"><img src='/images/loading.gif' data-original="images/activity03-1410.jpg"></a></li>      <li><a href="javascript:;"><img src='/images/loading.gif' data-original="images/activity03-1410.jpg"></a></li>      <li><a href="javascript:;"><img src='/images/loading.gif' data-original="images/activity02-1410.jpg"></a></li>   </ul></div>

原标题:jquery——左右按钮点击切换一组图片功能

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录