自动切换的html代码,JS实现自动定时切换的简洁网页选项卡效果

本文实例讲述了JS实现自动定时切换的简洁网页选项卡效果。分享给大家供大家参考。具体如下：

这是一款简洁人网页选项卡，与其它TAB不同的是，本选项卡是自动切换的，在变量里设定选项卡的内容、切换时间等，它就开始工作了，如果可以响应鼠标的动作就更完美了。

运行效果截图如下：

在线演示地址如下：

具体代码如下：

自动切换的选项卡

.tab{width:100px;height:25px;background-color:#ccc;margin:0;padding:0;

border-right:1px solid #666;}

.tab_on{width:100px;height:25px;background-color:#eee;margin:0;padding:0;

border-bottom:1px solid #666;

border-top:1px solid #666;

border-left:1px solid #666;}

#show{

width:200px;

height:100px;

background-color:#eee;

border-bottom:1px solid #666;

border-top:1px solid #666;

border-right:1px solid #666;

line-height:30px;

}

ASP PHP JSP JAVA

希望本文所述对大家的JavaScript程序设计有所帮助。