jquery 简单两步实现tab切换效果

时间:2022-11-30 12:09:47
<script language="javascript" type="text/javascript">
<!--
    $(function(){
        $("a[_for]").mouseover(function(){
            $(this).parents().children("dd").hide();      
            $("#"+$(this).attr("_for")).show();
        });
        $("a[_for=flink_1]").mouseover();
    });

//-->

</script>

html代码
<div class="bh-dongtai">
    <ul id="bh-dongta-tab_b">
               <li class="bh-dongta-tab_b-tit1"><a href="#" _for="flink_1">茶博动态</a>   |</li>
        <li class="bh-dongta-tab_b-tit2"><a href="#" _for="flink_2" >茶文化</a></li>
        </ul>
    <dd id="flink_1">
                <ul class="list">
                    #qModuleLoader("moduleName=module.news.list" "parameters={count:5,news_scope:4,group_title:茶博动态,path:/module/news/news.vm}")
                 </ul>
    </dd>
    <dd id="flink_2">
                <ul class="list">
                    #qModuleLoader("moduleName=module.news.list" "parameters={count:5,news_scope:4,group_title:茶文化,path:/module/news/news.vm}")
                 </ul>
    </dd>

</div>