<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>
jquery 简单两步实现tab切换效果
最新推荐文章于 2022-03-30 10:45:04 发布