jquery 实现菜单功能

最新推荐文章于 2022-05-07 15:40:14 发布

自找苦吃，自得其乐

最新推荐文章于 2022-05-07 15:40:14 发布

阅读量620

点赞数

分类专栏： 10_jquery

本文链接：https://blog.csdn.net/tengdazhang770960436/article/details/38734545

版权

10_jquery 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <style type="text/css">
        .right_tab_none{
            background-color: gray;
        }

        .right_tab_select{
            background-color: red;
        }
    </style>
</head>
<body>

<div class="set_News_right_tab">
    <div class="right_tab_none">
        <a href="#" id="sendMessage"  οnclick="print('sendMessage',this)" class="tab_a">发新消息</a>
    </div>
    <div  class="right_tab_none">
        <a href="#" id="getMessages"  οnclick="print('getMessages',this)" class="tab_a">收件箱</a>
    </div>
    <div class="right_tab_none">
        <a href="#"  id="messagesSent"  οnclick="print('messagesSent',this)" class="tab_a">发件箱</a>
    </div>
</div>

<script type="text/javascript">

    function print(msg,obj) {
        $(".set_News_right_tab").children().each(

                function() {
                    $(this).removeClass().addClass("right_tab_none");
                }
        );
        $(obj).parent().removeClass().addClass("right_tab_select");
    }
</script>
</body>
</html>