1,带左右按钮jquery轮播特效怎么写

不知道

带左右按钮jquery轮播特效怎么写

2,有一段轮播特效代码求大神详细解释逐字逐句的不胜感激

function caroAnimate(imgNum) // 定义函数,参数是imgNum,表示图片数量var currNav = 0; //定义变量,初始为0,表示当前图片是所有图片中的第几张。 var timer = "";// 切换时间, var caroWidth = 320;//定义轮播图片的宽度 var imgArea = $("#adveCaro");///获取轮播图片所在的父级元素 var navArr = $("#nav_adveCaro").find("li");// 查找li元素,统计有多少张图片 var delay = 5000;//延迟切换时间。5秒切换一次 var aniSpeed = 500;//动画时间。也就是0.5秒就切换完成 loopImg(); //调用looImg函数,这里表示开始切换 startTimer(); // 设置动画切换时间 bindNavClick(); //调用用户点击事件,也就是用户点击哪张,就切换到哪张。 function loopImg() imgArea.append(imgArea.children(":first").clone());///将列表中的第一张图片克隆,并附加到前面定义的父级元素下。 } function bindNavClick() navArr.click(function() var nav = navArr.index($(this));///设置当前点击的序号,保存到nav这个变量里。 if(currNav != nav) animate(nav);//判断,如果点击的位置不是上次点击的,就开始切换 } }); } function startTimer() timer = setInterval(autoAnimate, delay);//表示每隔多长时间执行autoAnimate这个函数,也就是实现自动播放 } function restartTimer() clearInterval(timer);//清除时间 startTimer();//重新设置时间 } function autoAnimate() if(currNav == 0) imgArea.css("margin-left","0px");//判断,如果是第一张,则设置图片显示区域左边距为0px } currNav++;//播放序号自加1,也就是每执行这个函数,就自动加1,相当于currNav=currNav+1 imgArea.animate( if(currNav >= imgNum) currNav = 0;//判断当前位置,currNav>imgNum表示,已经到最后了,重新设置开始位置为0 } changNav(currNav);//调用函数,根据上下文,这个功能应该是切换样式用的 } function animate(nav) imgArea.stop().animate( currNav = nav;//设置当前位置 changNav(nav);//改变样式 restartTimer();///重置时间 } function changNav(nav) navArr.removeClass("ui-feedback");//首先将所有的图片区域样式清除 navArr.eq(nav).addClass("ui-feedback");//再给当前的图片区域加个样式 }}
同问。。。

有一段轮播特效代码求大神详细解释逐字逐句的不胜感激


文章TAG:轮播特效怎么写  带左右按钮jquery轮播特效怎么写  
下一篇