一、最终效果二、功能分析1、需求分析点击左边pre按钮,显示前面三个图片,点击右边的next按钮,显示后面的一组(三个)图片。初始化只显示next按钮,到最后一组只显示pre按钮,中间过程两按钮都显示。2、html结构分析 <div class="activity ...
一、最终效果
二、功能分析
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
(#换成@)。