鼠标移动Tab切换代码

最新推荐文章于 2021-06-03 05:29:38 发布

文艺er

最新推荐文章于 2021-06-03 05:29:38 发布

阅读量649

点赞数

分类专栏：笔记练习 javascript 文章标签： Tab切换

本文链接：https://blog.csdn.net/wenyier/article/details/84662510

版权

笔记练习同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

javascript

7 篇文章 0 订阅

订阅专栏

<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" οnmοuseοver="ShowTabs(0)">测试</li>  
<li class="tabtitle" id="TabTitle1" οnmοuseοver="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>