本文演示了js如何实现简单的制表符和自动切换效果：

下面是js实现的一个简单的切换选项卡效果的最后一部分，在此基础上我们可以进一步实现切换的效果，可以自动切换，我们可以用这种效果制作简单的焦点图。

解释uff1a

设置一个识别号为0，写一个函数，每隔1秒识别一次，执行开关效果并执行它。

当标识符超过当前制表符长度时，标识设置为0。

当鼠标移动到制表位时，关闭计时器，当鼠标离开时定时器打开。








非所有权文件

身体，UL，黎{
保证金：0；
填充：0；
字体：Arial 12px / 1.5；
}
UL
列表样式：无；
}
包{。
宽度：500px；
保证金：20px汽车；
}
隐藏{。
显示：无；
}
# tab_t {
身高：25px；
底部边框：1px solid # CCC；
}
# tab_t李{
浮点数：左；
宽度：80px；
身高：24px；
行高：24px；
保证金：0 4px；
文本对齐：中心；
边境：1px solid # CCC；
边界底部：无；
背景：# f5f5f5；
鼠标指针
}
# tab_t。法{
职位：相对；
身高：25px；
利润率底：- 1px；
背景：# FFF；
}
# tab_c {
边境：1px solid # CCC；
边界顶：无；
填料：20px；
}


在window.onload =函数（）{
Tab（tab_t
功能表（tab_t，tab_t_tag，tab_c，tag_c_tag，EVT）{
无功tab_t = document.getelementbyid（tab_t）；
无功tab_t_li = tab_t.getelementsbytagname（tab_t_tag）；
无功tab_c = document.getelementbyid（tab_c）；
无功tab_c_li = tab_c.getelementsbytagname（tag_c_tag）；
VaR len = tab_t_li.length；
var I＝0；
var定时器= null；
var = 0；
对于（i = 0；i；；i；+；+）{
我tab_t_li { }。指数=我；
tab_t_li {我} { } = {（）函数的极值
ClearInterval（定时器）；
Num = this.index；
tab_change（）
}
我tab_t_li { }。onmouseout=函数（）{
自动播放（）；
}
}
功能tab_change（）{
对于（i = 0；i；；i；+；+）{
tab_t_li {我} classname =；
tab_c_li {我}类名= 'hide；
}
tab_t_li {数量} classname =共舞；
tab_c_li {数量}。类名=；
}
功能自动播放（）{
定时器= setInterval（）{（）函数（
数字+；
如果（数字= =）= 0；
tab_change（）；
}，1000）；
}
自动播放（）；
}
}





选择1
选择2
选择3
选择4


含量1
含量2
含量3
含量4






希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。