标签页

srczh标签页分为两种,一种是纯css标签页不依赖于脚本,纯 标签页样式请参考 srczh.css src-tab
srczh.js中的标签页继承了纯css标签页的样式,加了javaScript脚本的控制,使该功能更加完善、增强了自定义等功能。 要使用srczh.js中的标签页,请在页面中引入srczh.tab.js。

参数定义

src_tab
id/class目标对象名必须
type标签页类型tab:基本类型
tab-a:类型a
tab-b:类型b
tab-c:需要设置头方向类型 tab-x-l,tab-x-r
tab-m:辅助只显示图标
必须
tabHead标签页头[id,文字,图标]
数组长度为1:文本或图标
长度为2:id,文本或图标
长度为3:id,文本,图标
必须
tabHead_icon标签页头图标指定后覆盖tabHead数组第3项非必须
tabBody标签体内容['类型','内容']
数组长度为1:内容
长度为2:数据类型,内容
(数据类型:'html','frame')
必须
tabBody类型html:html文本内容
frame:url地址
必须
closeboolean关闭标签页非必须
addboolean新增标签页非必须

标签名定义

使用标签名src-tab 定义一个最基本功能的标签页。

	
						
						   
选项卡甲 显示
选项卡乙 显示
选项卡甲 显示
选项卡乙 显示

自定义标签

使用json参数指定形式创建一个src-tab。

						
	
				let ps={id:'tab-obj',type:'tab-c tab-x-l',
						tabHead:[['t1','标签A'],['t2','标签B']],
						tabHead_icon:[''],
						tabBody:[['内容A'],['内容B']],
						close:true};
				let tab=new src_tab(ps);
				

内置方法

add(obj,json)添加标签页obj:标签对象
json:参数
del(obj,json)删除标签页obj:标签对象
json:参数
edit(obj,json)修改标签页obj:标签对象
json:参数
find(obj,json)查找标签页obj:标签对象
json:参数

方法调用示例

					let tab=new src_tab(...);
					//新增标签页(注意这里数组是一维)
					tab.add($("#tab-obj"),{tabHead:['t4','新标签'],tabBody:['frame','url地址']});
					//删除id=t4的标签页
					tab.del($("#tab-obj"),{id:"t4"});
					//修改标签类型,以及id=t2的标签数据(注意这里数组是一维)
					tab.edit($("#tab-obj"),{id:"t2",type:"tab",tabHead:['新标签修改'],tabBody:['frame','新内容修改']});
					//找到id=t2的标签并激活
					tab.find($("#tab-obj"),{id:"t2"});
					
					
请您对本章评分:
2016 - 2021 © srczh.com 版权所有 增值电信经营许可:粤ICP备19068081号
深圳市中文远星科技有限公司