鼠标移动实现标签自动切换

最新推荐文章于 2021-06-02 21:18:45 发布

xxg3053

最新推荐文章于 2021-06-02 21:18:45 发布

阅读量2.6k

点赞数

分类专栏：杂谈文章标签： class function div

本文链接：https://blog.csdn.net/xxg3053/article/details/7056561

版权

杂谈专栏收录该内容

56 篇文章 0 订阅

订阅专栏

<html>
<head>
    <title></title>
<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 style="text-align:center;font-family:,serif;background:#fff;font-size:20px;">
<div id="focusArticle">
<div id="focusArticleTitle" style= "background-color:#FFF;background-color:#FFF">
<ul>
<li style="display:inline" class="titlemouseover" id="TabTitle0" οnmοuseοver="ShowTabs(0)"><a href="#">新闻</a></li>
<listyle="display:inline" class="tabtitle" id="TabTitle1" οnmοuseοver="ShowTabs(1)" ><a href="#">视频</a></li>
</ul>
</div>
    <div id="Tab0" class="focusArticle_text" >
    <ul>     
        <li class="hits6"><a href="#">今天是个好日子</a></li>
        <li class="hits6"><a href="#">几年默默名字几十周年庆典</a></li>
        <li class="hits6"><a href="#">333333333333333333333333</a></li>
        <li class="hits6"><a href="#">444444444444444444444444</a></li>
        <li class="hits6"><a href="#">555555555555555555555555</a></li>
        <li class="hits6"><a href="#">666666666666666666666666</a></li> 
        <li class="hits6"><a href="#">777777777777777777777777</a></li>       
    </ul>
    </div>
    <div id="Tab1" class="focusArticle_text" style="display: none;" >
        <ul>
        <li class="hits2"><a href="#">想看视频吗？</a></li>
        <li class="hits2"><a href="#">点击这里吧！</a></li>
        <li class="hits2"><a href="#">ccccccccccccccccccccccc</a></li>
        <li class="hits2"><a href="#">ddddddddddddddddddddddd</a></li>
        <li class="hits2"><a href="#">eeeeeeeeeeeeeeeeeeeeeee</a></li>
        <li class="hits2"><a href="#">fffffffffffffffffffffff</a></li>
        <li class="hits2"><a href="#">ggggggggggggggggggggggg</a></li>        
        </ul>
    </div>
</div>
</body>
</html>

xxg3053

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
鼠标移动实现标签自动切换

<!-- function ShowTabs(ID) { for (i = 0; i < 2; i++) { if (i == ID) { document.getElementById("TabTitle" + i).className = "titlemouseover"; docu
复制链接

扫一扫

专栏目录