如鹏网 大学生计算机学习社区

CowNew开源团队

http://www.cownew.com 邮件请联系 about521 at 163.com

  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  363 随笔 :: 2 文章 :: 808 评论 :: 0 Trackbacks
修改于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 2009-10-14 13:45 CowNew开源团队 阅读(1892) 评论(1)  编辑  收藏

评论

# re: 【作品分享】定时自动切换的TabPane 2009-10-14 17:33 罗莱家纺
这样也可以啊!  回复  更多评论
  


只有注册用户登录后才能发表评论。


网站导航: