日期:2014-05-16  浏览次数:20363 次

如何使用javascript实现tab自动切换思路??
[img="{C:\Users\yiyang\Desktop}"]{1}[/img]

我想实现这个的自动切换效果,当鼠标移到类别上时就停止自动切换,现在问题是,如何实现这个自动切换效果,求高手讲讲思路?现在脑子一片混乱。谢谢。

------解决方案--------------------
var timer=null;
var obj={
currentId=0,//当前图片的ID
count=4,//当前轮播图片数量
InitPic:function(){
obj.currentId=0;//默认的图片Id
obj.count=4;//当前轮播的图片数量设置
},
ChangePic:function(){
timer=setTimeout(function(){
obj.currentId=obj.currentId+1;
if(obj.currentId>=obj.count){
obj.currentId=0;
}
//当前图片显示代码***
//其他图片隐藏代码****
},3000);
},
StopPic:function(){
clearTimeout(timer);
}
}

加载时调用obj.InitPic();obj.ChangePic();




希望能帮助你
------解决方案--------------------
setInterval()似乎是有缺点的吧,网页如果停到那里再开一个网页去操作一会回来看,这个会不停的切换的,
------解决方案--------------------
给元素添加mouseover事件,写controller响应。
用tab.hide()和tab.show()改变当前tab