JS实现的最简桌子选项卡效果

本文实例讲述了射流研究…实现的最简桌子选项卡效果。分享给大家供大家参考。具体如下：

这是一款最简易的桌子选项卡，是基于桌子表格的，非差异结构，习惯表格的朋友可能会喜欢本选项卡，部分修饰仍然用的是桌子，比如表格边框、背景颜色等，个人感觉好像用桌子比用差异结构代码更精简一些。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-z-simple-tab-nav-menu-codes/

具体代码如下：

html health eta http-equiv=' Content-Type ' Content=' text/html；字符集=GB 2312/标题选项卡/titlestyle type='text/css '！-.菜单1 { font-size : 14pxcolor: # FFFFFF文本装饰：无；背景-颜色：天蓝色；光标：手；} .菜单2 { font-size : 14px颜色： # 990000文本装饰：无；背景-color : # FFFFFF；光标：手；}-/style脚本语言=' JAVAScript '函数tabit(id，cid){ tab 1。类名=' men U2表2。类名=' menu2id。CLaSS name='菜单1 '；CTAB 1。风格。显示='无'；CTAB 2。风格。显示='无'；cid。风格。display=' block}/script/head body on load=' tabit(tab 1，ctab1)'表格宽度='400 '高度='169 '边框='0 '单元格填充='3 '单元格间距='1' bgcolor='#990000' tr td高度=' 20 ' class=' menu 1 ' id=' tab 1 ' on mouseover=' tabit(tab 1，ctab1)'今日焦点/TD TD高度=' 20 ' class=' menu 2 ' id=' tab 2 '在mouseover上=' tabit(tab 2，ctab2)'一周热门/TD/tr tr id=' CTAB 1 ' style=' display : none ' TD高度=' 100 ' col span=' 2 ' bgcolor=' # FFFFFF '今日焦点的内容/TD/tr tr id=' CTAB 2 ' style=' display : none ' TD高度=' 100 ' col span=' 2 ' bgcolor=' # FFFFFF '一周热门的内容/td /tr/table/body/html希望本文所述对大家的Java脚本语言程序设计有所帮助。