JS简单实现标签切换效果的多窗口显示功能

本文实例讲述了射流研究…简单实现标签切换效果的多窗口显示功能。分享给大家供大家参考，具体如下：

div style=' text-align : center；边距-top :40 px；'div class=' menubox ' span id=' news tab 1 ' class=' hover ' on mouse over=' setTab '(news tab，1，3)a href=' # ' target=' _ blank '科室新闻/a/span span id=' news tab 2 '在鼠标悬停时=' SetTab '(news tab，2，3)a href=' # # # target=' _ blank '媒体报道/a/span span id=' news tab 3 ' on mouse over=' SetTab '(news tab，3，3)' a href=' # # ' target=' _ blank '学术研究/a/span/div class=' content box ' div id=' con _ news tab _ 1 ' ul lispan 2015-09-09/span a href=' # ' target=' _ blank '阅谁问君诵水落清香浮2015-08-17/spana阅谁问君诵水落清香浮1/a/li lispan2015-08-05/spana阅谁问君诵水落清香浮1/a/Li/ul/div div id=' con _ news tab _ 2 ' style=' display : none； ul lispan 2015-09-09/spana阅谁问君诵水落清香浮2/a/li lispan2015-08-17/spana阅谁问君诵水落清香浮2/a/li lispan2015-08-05/spana阅谁问君诵水落清香浮2/a/Li/ul/div div id=' con _ news tab _ 3 ' style=' display : none；ul lispan 2015-09-09/spana阅谁问君诵水落清香浮3/a/li lispan2015-08-17/spana阅谁问君诵水落清香浮3/a/li lispan2015-08-05/spana阅谁问君诵水落清香浮3/a/Li/ul/div/div脚本类型=' text/JavaScript '函数SetTab(name，cursel，n){ for(I=1；I=n；I){ var menu=document。getelementbyid(名称(一)；var con=文档。getelementbyid(' con _ ' name ' _ ' I)；'menu.className=i==cursel '？悬停":";'con.style.display=i==cursel '？block ' : ' none} }/脚本效果图：

更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题： 《JavaScript遍历算法与技巧总结》 、 《JavaScript切换特效与技巧总结》 、 《JavaScript查找算法技巧总结》 、 《JavaScript动画特效与技巧汇总》 、 《JavaScript错误与调试技巧总结》 、 《JavaScript数据结构与算法技巧总结》 及《JavaScript数学运算用法总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。