如何使用javascript实现tab自动切换思路？？

Question

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

Answer 1

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();
希望能帮助你

Answer 2

这个应该不难，用setInterval()比较容易实现

Answer 3

楼上说的对，用setInterval间断的调用图片切换方法。

Answer 4

setInterval()似乎是有缺点的吧，网页如果停到那里再开一个网页去操作一会回来看，这个会不停的切换的，

Answer 5

用每一个用div包起来，设一个ID，（和当前currentId有关联的）不就可以了啊

Answer 6

给元素添加mouseover事件，写controller响应。
用tab.hide()和tab.show()改变当前tab