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