基于Jquery的iframe 可关闭tab标签组件使用方法

特点:位置可上可下、可关闭、可添加、可激活。

先睹为快,看看效果

1、安装,引入类库

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="tab.js"></script>
<style type="text/css"> 
@IMPORT url("tab.css"); 
</style>

2、使用方法

	var tab = new TabView( {
		containerId :'tab_menu',  	标签容器ID
		pageid :'page', 		页面容器Id
		cid :'tab_po', 			指定tab ID
		position :"bottom"    		tab位置,只支持top和bottom
	});
	添加tab
	tab.add( {
		id :'tab1_id_index1',		标签ID
		title :"百度主页",		标签标题
		url :"http://www.baidu.com",	该标签所链接的URL地址
		isClosed :true			是否可以关闭标签
	});

3、API参考

	add(option): 
		添加一个新标签,例如:
				tab.add( {
					id :'tab1_id_index1',		标签ID
					title :"百度主页",		标签标题
					url :"http://www.baidu.com",	该标签所链接的URL地址
					isClosed :true			是否可以关闭标签
				});
	update(option):
			更新标签,例如:
				tab.update({
							id : uid,
							url : url,
							title : title
				});
	activate(id):
			激活一个标签,例如:
			tab.activate(tab_id);
	close(id)
			关闭一个标签,例如:
			tab.close(tab_id);

4、例子

标签名称:
URL:     
可关闭:
   添加