基于ajax的tabs实现方法

5、="maintab",class="shadetabs":ID必须唯一,它用来指定UL元素,class="shadetabs"用来调用此处的CSS样式.·class="selected":添加到LI标签上用来指定页面加载时默认处于被选择状态的标签,与此标签相关的内容也会自动加载.这个不是必选项.·href="pagetoload":使用AJAX调用外部页面,可以是.htm,.txt或是.php等等,如果希望Tab直接调用"默认内容",需要使用"#default"关键字.·rel="ajaxcontentarea":添加在链接元素中用来指定同

6、个ID的DIV容器要装载的页面.·rev="objectstoload":也添加在链接元素用来为外部页面装载JS脚本或CSS样式表,用逗号分隔多个文件.不是必选项.·最后,在所有AJAX的Tabs内容代码之后调用startajaxtabs("maintab")函数来激活脚本,"maintab"是整个Tab的ID,如果在同一个页面中想使用多个Tab,需要把每个ID都传递给函数,例如:startajaxtabs("maintab","maintab2")注意:关于调用外部页面,只能调用同一个域名下的文件,如果想调用另个服务器上的文件是不可行的.

7、另外,如果我想点击一个链接就打开某个Tab页面该如何做呢?expandtab(tabcontentid,tabnumber)调用上面这个方法就好了,tabcontentid就是ul的ID名称,tabnumber则是你想打开Tab的序号,比如想打开第3个,此处就应该写2,因为序号从0开始.具体看下面的例子:选择ID为"maintab"的面板上第3个Tab标签好咯,到此为止,我已经介绍完了AjaxTabsContent的使用方法,还想再看看Demo吗?

8、点击这里吧.