【文件属性】:
文件名称:封装好了的JS选项卡
文件大小:31KB
文件格式:HTM
更新时间:2013-06-30 05:39:30
选项卡,tab选项卡,javascript选项卡,网页选项卡,tab
封装了一个选项卡,不过已经不像选项卡了-_-!!!
现稍微说明下吧,如果不明白的话,旁边有几个例子可能说明起来更清楚些
obj.bind = ["a1","td","b1","div"];
绑定id="a1"下的td标签为菜单,绑定id="b1"下的div标签为内容,简单么?
td标签的数量和div标签的数量必须相同
(若不需要显示内容,只显示菜单话,可以这个在td标签上加
)
如果id="a1"下的td标签有嵌套表格,这样的话,就不是所有的td都是菜单,这时候需要用下nesting
obj.nesting = [false,true,"",""];
当标签tag有嵌套时,需要用到这个
比如选项卡内容是放在div容器里,而本身这个内容里也有div标签,这时就需要用到
菜单嵌套为false,内容嵌套为true,且会自动判断出内容标签,多数时候这样就可以了
判断方法为,认定getElementsByTagName后第一个标签为内容第一项,其他的就用这个第一项的深度来判断
但有些情况下,这样还是不行
我用后面2个参数做id来指定菜单或者内容的第一项nesting = [false,true,"","q2"];
这样就肯定不会错了(不明白的话看下例子就简单多了)
obj.index = 0;
默认显示第几个选项卡,序号从0开始
obj.style = ["c1","c2","c3"]
菜单加载的样式的className:
菜单未选中的className是c1
菜单选中的className是c2
菜单onmouseover的className是c3
obj.overStyle = false;
选项卡是否有onmouseover, onmouseout变换样式事件[非激活选项卡内容],对应的样式为style[2]
obj.overChange = false;
选项卡内容是否用onmouseover, onmouseout直接激活
obj.menu = false;
选项卡是菜单类型
obj.auto = [false, 1000];
选项卡是否自动播放,播放速度(毫秒)
obj.creat();
开始生成选项卡,需要onclick触发事件的话,可以obj.creat(函数名)
所有的都会触发
|