$(function () {
$("#box").tabs({
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, //初始选中
});
})