基于ajax的tabs實現(xiàn)方法

5、="maintab",class="shadetabs":ID必須唯一,它用來指定UL元素,class="shadetabs"用來調(diào)用此處的CSS樣式.·class="selected":添加到LI標(biāo)簽上用來指定頁面加載時默認(rèn)處于被選擇狀態(tài)的標(biāo)簽,與此標(biāo)簽相關(guān)的內(nèi)容也會自動加載.這個不是必選項.·href="pagetoload":使用AJAX調(diào)用外部頁面,可以是.htm,.txt或是.php等等,如果希望Tab直接調(diào)用"默認(rèn)內(nèi)容",需要使用"#default"關(guān)鍵字.·rel="ajaxcontentarea":添加在鏈接元素中用來指定同

6、個ID的DIV容器要裝載的頁面.·rev="objectstoload":也添加在鏈接元素用來為外部頁面裝載JS腳本或CSS樣式表,用逗號分隔多個文件.不是必選項.·最后,在所有AJAX的Tabs內(nèi)容代碼之后調(diào)用startajaxtabs("maintab")函數(shù)來激活腳本,"maintab"是整個Tab的ID,如果在同一個頁面中想使用多個Tab,需要把每個ID都傳遞給函數(shù),例如:startajaxtabs("maintab","maintab2")注意:關(guān)于調(diào)用外部頁面,只能調(diào)用同一個域名下的文件,如果想調(diào)用另個服務(wù)器上的文件是不可行的.

7、另外,如果我想點(diǎn)擊一個鏈接就打開某個Tab頁面該如何做呢?expandtab(tabcontentid,tabnumber)調(diào)用上面這個方法就好了,tabcontentid就是ul的ID名稱,tabnumber則是你想打開Tab的序號,比如想打開第3個,此處就應(yīng)該寫2,因為序號從0開始.具體看下面的例子:選擇ID為"maintab"的面板上第3個Tab標(biāo)簽好咯,到此為止,我已經(jīng)介紹完了AjaxTabsContent的使用方法,還想再看看Demo嗎?

8、點(diǎn)擊這里吧.