选项卡

$(function () {
$("#box").tabs({
width:500, //宽度
height:300, //高度
plain: true, //是否显示背景
fit:true, //是否自适应全屏
border: false, //是否需要边框
tabWidth: 300, //tab宽度
tabHeight: 50, //tab高度
scrollIncrement: 50, //每次滚动50个像素
scrollDuration: 100, //每次滚动的时间

tools: [{ // 动态添加工具栏属性
iconCLs: 'icon-add',
Handler: function () { },
}, {

}],

toolPosition: left, //工具栏位置默认为右
tabPostion: top, //tab位置，，上下左右。bottom left right
selected: 1, //默认tab。。默认为0.

onSelect: function (title, index) { //选中触发函数
alert(title + "|" + index);
},

onUnselect: function (title, index) { //离开触发函数
alert(title + "|" + index);
},

onBeforeClose: function (title, index) { //关闭Tab前触发，，配合属性closable使用
alert("关闭前触发");
},

onClose: function (title, index) { //关闭Tab后触发，，配合属性closable使用
alert("关闭后触发");
},
onContextMenu: function (e,title, index) { //右击Tab后触发
alert("右击后触发");
},

 

});

$("#box"), tabs('add', { //属性参照panel
id: 'bb',
title:'新选项卡',
content: '新面板',
href: 'content.aspx',
closable: true, //关闭按钮
selected:false, //初始选中

});
})