javascript css红色经典选项卡效果实现代码

本文实例为大家分享了射流研究…选项卡效果的具体实现代码，供大家参考，具体内容如下

效果图：

实现代码：

超文本标记语言头元http-equiv='内容-类型' Content=' text/html；字符集=GB 2312/标题无标题文档/title style type=' text/CSS ' body { font-size :12 px；} .第二。秒1 {光标：指针；} .秒{ color : # fffffont-weight : bold；文本对齐：居中；背景-颜色： # 990000;} .sec1 { color: # 990000文本对齐：居中；背景-color : # FFFFFF；} div {行高：22 px}/样式脚本语言=' JavaScript '函数$(id){返回文档。getelementbyid(id)；}函数xxk(num，id，ii，iii){//alert(ii)；var dqfor(var I=1；I=numi){ if(I==id){ dq=$(ii I)} .className=' sec//当前选项美元一。风格。display=' block} else { dq=$(ii i).第一节。风格。显示='无'；} } }/script/head body table width=' 620 ' border=' 0 ' cellpadding=' 4 ' cellspacing=' 1 ' border color=' # FFFFFF ' bgcolor=' # 990000 ' tr TD class=' sec ' id=' t1 ' on mouse over=' xxk(5，1，' t '，' tt ' '选项卡1/TD TD bgcolor=' # FFFFFF ' id=' T2 ' class=' sec1 ' on mouse over=' xxk(5，2，' t '，' tt ' '选项卡2/TD TD bgcolor=' # FFFFFF ' id=' T3 ' class=' sec1 ' on mouse over=' xxk(5，3，' t '，' tt ' '选项卡3/TD TD bgcolor=' # FFFFFF ' id=' T4 ' class=' sec1 ' on mouse over=' xxk(5，4，' t '，' tt ' '选项卡4 TD/TD bgcolor=' # FFFFFF ' id=' t5 ' class=' sec1 ' on mouse over=' xxk(5，5，' t '，' tt ' '选项卡5/TD/tr TD colspan=' 5 ' bgcolor=' # FFFFFF ' div id=' tt1 '选项卡一月在上班/div div id=' tt2 ' style=' display : none； '选项卡2月在上班/div div id=' tt3 ' style=' display : none；'选项卡3月在上班/div div id=' tt4 ' style=' display : none；'选项卡四月在上班/div div id=' tt5 ' style=' display : none；'选项卡5月在上班/div/TD/tr/table br/table width=' 620 ' border=' 0 ' cellpadding=' 4 ' cellspacing=' 1 ' border color=' # FFFFFF ' bgcolor=' # 990000 ' tr TD class=' sec ' id=' ts1 ' onclick=' xk(4，1，' ts '，' tts ')选项卡1/TD TD bgcolor=' # FFFFFF ' id=' ts2 ' class=' sec1 ' onclick=' xxk(4，2，' ts '，' tts ')选项卡2/TD TD bgcolor=' # FFFFFF ' id=' ts3 ' class=' sec1 ' onclick=' xxk(4，3，' ts '，' tts ')选项卡3/TD TD bgcolor=' # FFFFFF ' id=' ts4 ' class=' sec1 ' onclick=' xxk(4，4，' ts '，' tts ')选项卡4/TD/tr TD colspan=' 4 ' bgcolor=' # FFFFFF ' div id=' TTS 1 '选项卡一月在上班/div div id=' TTS 2 ' style=' display : none； '选项卡2月在上班/div div id=' TTS 3 ' style=' display : none；'选项卡3月在上班/div div id=' TTS 4 ' style=' display : none；'选项卡四月在上班/div /td /tr /table /body /html以上就是本文的全部内容，希望对大家的学习有所帮助。