JQuery Tab选项卡 一行代码

 

<div class="newsTabTitle">
<ul>
<li class="TabHover"><a href="?cat=5" style="color:#014E90"><b>集团新闻</b></a></li>
<li><a href="?cat=6" style="color:#515151;"><b>媒体聚焦</b></a></li>
<li><a href="?cat=7" style="color:#515151;"><b>图片新闻</b></a></li>
</ul>
</div>
<div class="newsTabCon">
<ul>
<li>test</li>
</ul>
<ul style="display:none;">
<li>test1</li>
</ul>
<ul style="display:none;">
<li>test2</li>
</ul>
</div>

$(".newsTabTitle li").mousemove(function(){$('.newsTabTitle li').removeClass(); $(this).addClass('TabHover'); $(".newsTabCon ul").hide();$(".newsTabCon ul:eq("+$(this).index()+")").show(); });

 

http://www.jgpy.cn/blog/front-end/easily_tab_with_jquery_14.htm