jquery实现标签切换效果

$("ul > li").hover(tab);

function tab() {
                $(this).addClass("ll").siblings().removeClass("ll");
                var tab = $(this).attr("title");
                $("#" + tab).show().siblings().hide(); 
            };

li中和title必须和div中的id一致！

    <script type="text/javascript" src="jquery-132min2.js"></script>
    <script type="text/javascript">
        $(function() {
            $("ul > li").click(tab);

            function tab() {
                $(this).addClass("ll").siblings().removeClass("ll");
                var tab = $(this).attr("title");
                $("#" + tab).show().siblings().hide(); 
            };
        });
    </script>
</head>
<body>
<ul>
    <li class="ll" title="d1">1</li>
    <li title="d2">2</li>
    <li title="d3">3</li>
</ul>

<div>
<div id="d1">11111</div>
<div id="d2" style="display:none">22222</div>
<div id="d3" style="display:none">33333</div>
</div>

posted @ 2011-03-02 11:18  rob_2010  阅读(126)  评论(0)    收藏  举报