博客播客

【作品分享】定时自动切换的TabPane

改于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

posted on 2010-02-02 00:15  博客播客  阅读(271)  评论(0编辑  收藏  举报

导航