修改于
http://blog.csdn.net/majianan/archive/2008/12/30/3646565.aspx
使用的这个TabPane已经有了TabPane的所有功能。
不过我想增加一个功能,就是:
1、每隔一段时间,选项卡自动切换到下一页。
2、当用户点击TabPane内任意一个选项卡的时候自动切换停止。
代码下载: http://bbs.blueidea.com/viewthread.php?tid=2952907&page=1&extra=page%3D1
使用方法参考附件rupengtabpane.zip中的test.htm
TabPane类构造函数有三个参数,第一个参数是占位div的id,第二个、第三个都是可选参数,第二个为自动切换的时间间隔,单位为秒,默认值为10,第三个为是否启用自动切换,默认值为true
tabPane.js中还提供了一个function randint(m,n)函数,用于产生一个changeTabInterval的随机数,防止页面上TabPane过多,如果设置的changeTabInterval都一样的话会产生整齐划一的切换的效果,不好看,因此用它产生随机的Interval给TabPane类构造函数的第二个参数。
<script>
var tp = new TabPane("divGlobalNew",15);
tp.addTabPage({title:"论坛新帖" ,width:80 ,panel:"divGlobalNewThreads"});
tp.addTabPage({title:"论坛新回复" ,width:80 ,panel:"divGlobalNewReplies"});
</script>
演示地址:
http://www.rupeng.com/forum