【做品分享】定時自動切換的TabPane

修改於 http://blog.csdn.net/majianan/archive/2008/12/30/3646565.aspx
使用的這個TabPane已經有了TabPane的全部功能。

 

不過我想增長一個功能，就是：
一、每隔一段時間，選項卡自動切換到下一頁。
二、當用戶點擊TabPane內任意一個選項卡的時候自動切換中止。

效果圖：

 

代碼下載：

 

使用方法參考附件rupengtabpane.zip中的test.htm
TabPane類構造函數有三個參數，第一個參數是佔位div的id，第二個、第三個都是可選參數，第二個爲自動切換的時間間隔，單位爲秒，默認值爲10，第三個爲是否啓用自動切換，默認值爲true
tabPane.js中還提供了一個function randint(m,n)函數，用於產生一個changeTabInterval的隨機數，防止頁面上TabPane過多，若是設置的changeTabInterval都同樣的話會產生整齊劃一的切換的效果，很差看，所以用它產生隨機的Interval給TabPane類構造函數的第二個參數。

演示地址： http://www.rupeng.com/forum