js滑动轮播效果

2025-05-03 09:19:17

1、var timeid;//定义变量存储计时器idvar index = 0;//计数

2、function lun(ids, times, tims_l, a_sp, xWidth) {//id/类,首次加载延时轮播骀旬沃啭时间,循环时间,动画速度,图层宽度 var i = $(ids + " ul li").length;//具体看自己是使用什么标签 timeid = setTimeout("lunbo(" + i + ",'" + ids + " ul'," + tims_l + "," + xWidth + "," + a_sp + ")", times); //lunbo(轮播数,需要轮播的ul,间隔时间);//首次加载页面轮间隔时间后开始轮播 }

3、 function lunbo(i, obj, time_jg, xWidth, a_sp) { $(obj).animate({ marginLeft: '-=' + xWidth + 'px' }, a_sp); index += 1; if (index >= i - 1) { index = 0; $(obj).animate({ marginLeft: '+=' + xWidth * (i - 1) + 'px' }, 1); } timeid = setTimeout("lunbo(" + i + ",'" + obj + "'," + time_jg + "," + xWidth + "," + a_sp + ")", a_sp + time_jg); }

4、 window.onload = function () { lun(".lun_ul", 3000, 3000, 3000, 450); //图片轮播所使用的唯一类、ID,首次触发轮播延时,没两张轮播图间隔时间,每次滑动图片所需时间,图片宽度 }

js滑动轮播效果
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢