js实现简单选项卡与自动切换效果的方法_javascript技巧

本文实例讲述了js实现简单选项卡与自动切换效果的方法。分享给大家供大家参考。具体分析如下：

这里再上篇《js实现简单的可切换选项卡效果》基础上，进一步实现可以自动切换的切换效果，用这种效果就可以做简单的焦点图了。

说明：

设置一个标识数字置为0，写一个每过几秒标识+1,执行切换效果的函数，然后执行。
当标识超过当前选项卡长度让标识置为0。
在鼠标移到选项卡的时候关闭定时器，鼠标移走的时候打开定时器。

 

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

 
内容1
 
内容2
 
内容3
 
内容4
 
 

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