jquery 轮播问题！

时间：2015.06.26 发布人：xintianxia66
jquery 轮播问题！

已解决问题

谷歌xintianxia66用户在2015.06.26提交了关于“泰山jquery 轮播问题！”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2024-08-12T03:24:15。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，当代劳模,所有人都应该向你学习 ！

希望以下的回答，能够帮助你。

第1个回答

用户名：xvqwul  

varlen=$(".**m>li").le哥导布罗ngth;//获取长度（相当于是有多少张图片）
varindex=0;//图片序号
varadTimer;//定时器

//滚动广告

$(".**mli").mouseover(function问答(){
index=$(".**mli").index(this);//获取鼠标悬浮li的index
showImg(index);//执行滚动方法，传index进来就是当用户滑到第几张的时候就显示第几张
}).eq(0).mouseover();//触发哥服帮孔重鼠标经过第一张，eq(0)指的是第一张
//滑入停止动画，滑出开终社殖管迫陈决于抗革卫始动画.
$('.banner_a').hover(function(){
clearInterval(adTimer);//当鼠标移动到图片上，关掉定时器，就是不在让图片滚动
},function(){
a律误妒dTimer=setInterval(function(){//离开的时候开定时器，图片继续滚动
showImg(index)//执行方法
index++;
if(i预满食ndex==len){//最后一张图片之后，转到第一张
index=0;
}
},1000);
}).tr备顺带各白叫果边选igger("mousele**e");//程弱总绍序进来就触发鼠标离开事件，即让图片滚动

functionshowImg(index){//滚动函数
varadh**eight=$(".bannerul>li:first").height();

//传index索引进来，就是当第几张鼠标经过的到亲罪扬液短很觉移时候，第几张就滚动起来，比如，鼠标移动到第2张，$(".bannerul")的marginL每待eft就往左移动举规油沿分你压植-adh**eight*index+"px"
$(".bannerul")日究起李众雨味.stop(true,false).animate({
"m唱进跑画服还arginLeft":-adh**eight*index+"p困顶已x"//改变marginTop属性的值达到轮播的效果
});
$(".**mli").removeClass("on")//先把所有的li的on类名移除，再让当前的li添加on类名
.eq(ind修看聚席抓推般顺专志ex).addClass("on");
}