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

<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>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值