jQuery tab标签页
找了很久jQuery的tab标签页,不是不兼容就是功能单一,下面介绍一个jQuery 插件中的一款tab插件
简单介绍下:
$().ready(function(){
var tab =$("#container1").tab({ type:"bottom", //tab标签页的导航位置 包括 top, bottom, left, right
navigationClass:"header", //tab标签页的导航css
contentsClass:"contents", //tab标签页内容的
activeClass:"active", //当点击后,被选中的导航样式
closable:true //便签页是否可以点击关闭
// onClose:function(index){alert("Close tab "+index)}, 关闭事件 index 是此标签页的索引
// onShow:function(index){alert("Show tab "+index)} 显示事件 index 是此标签页的索引
});
});
//注:tab.disableTab(0);隐藏tab标签页 tab.enableTab(0);开启标签页 tab.addTab({href:"页面地址"});tab里面新添加一个标签,可以是一个页面地址
下载地址:这里
- 添加新评论
- 3066 次点击