zoukankan      html  css  js  c++  java
  • 【作品分享】定时自动切换的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:"论坛新帖" ,80 ,panel:"divGlobalNewThreads"});
                                     tp.addTabPage({title:"论坛新回复" ,80 ,panel:"divGlobalNewReplies"});     
                                       </script>  
           
    演示地址:http://www.rupeng.com/forum
  • 相关阅读:
    迭代器
    关于文章cisco漏洞4786
    Python学习目录
    Python的xml模块
    【JS30】Event Capture, Propagation, Bubbling and Once
    mysql安装
    CS193P 第四课笔记 · Hexo
    CSS变量
    在CentOS7上开启和挂载NFS共享
    《Android 编程实战》Chap5_重识IPC
  • 原文地址:https://www.cnblogs.com/itcast/p/1661421.html
Copyright © 2011-2022 走看看