javascript采用数组实现tab菜单切换效果
程序员文章站
2023-11-29 13:40:34
最近写了一个tab菜单,这个也算是web2.0的产物了,没什么技术含量,练练手而已. 以下是tab菜单的html结构:
最近写了一个tab菜单,这个也算是web2.0的产物了,没什么技术含量,练练手而已.
以下是tab菜单的html结构:
<div id="a"><div id="head"><span id="tab1">vhc</span><span id="tab2">dsdfd</span>..........................<span id="blank"></span></div><div id="body"></div></div>
tab1,tab2就是内容,blank是填充剩下的.body是tab标签对应的内容.
以下是javascript代码:
传入的参数t是一个二维数组,里面是一个标签题目和标签内容的形式,调用方式如下:
差不多完成了,有兴趣的朋友可以去测试下.
以下是tab菜单的html结构:
<div id="a"><div id="head"><span id="tab1">vhc</span><span id="tab2">dsdfd</span>..........................<span id="blank"></span></div><div id="body"></div></div>
tab1,tab2就是内容,blank是填充剩下的.body是tab标签对应的内容.
以下是javascript代码:
传入的参数t是一个二维数组,里面是一个标签题目和标签内容的形式,调用方式如下:
差不多完成了,有兴趣的朋友可以去测试下.
推荐阅读
-
javascript采用数组实现tab菜单切换效果
-
css配合JavaScript实现tab标签切换效果
-
js(JavaScript)实现TAB标签切换效果的简单实例_javascript技巧
-
jquery实现简单Tab切换菜单效果
-
js(JavaScript)实现TAB标签切换效果的简单实例_javascript技巧
-
js基于面向对象实现网页TAB选项卡菜单效果代码_javascript技巧
-
js基于面向对象实现网页TAB选项卡菜单效果代码_javascript技巧
-
js+css实现tab菜单切换效果的方法_javascript技巧
-
jQuery实现有幻灯效果tab滑动切换菜单
-
javascript采用数组实现tab菜单切换效果_导航菜单