鼠标滑过TAB选项卡切换demo 可拓展

最新推荐文章于 2022-03-13 17:21:21 发布

weixin_30588675

最新推荐文章于 2022-03-13 17:21:21 发布

阅读量207

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/tanlingdangan/p/4122656.html

版权

<html>
<head>
<script type="text/javascript"> <!-- function ShowTabs(ID) { for (i = 0; i < 2; i++) { if (i == ID) { document.getElementById("TabTitle" + i).className = "titlemouseover"; document.getElementById("Tab" + i).style.display = ""; } else { document.getElementById("TabTitle" + i).className = "tabtitle"; document.getElementById("Tab" + i).style.display = "none"; } } } //-->  </script> </head> <body> <ul> <ul> <li class="titlemouseover" id="TabTitle0" onmouseover="ShowTabs(0)">测试</li> <li class="tabtitle" id="TabTitle1" onmouseover="ShowTabs(1)" >test</li> </ul> <div id="Tab0" > <ul> <li>测试</li> </ul> </div> <div id="Tab1"style="display: none;" > <ul> <li>test</li> </ul> </div> </body> </html>