利用jQuery实现Tab选项卡

    <p>js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言js 是一门语言</p>

    <p>jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言jQuery 是一门语言</p>
</div>

</body>
<script type="text/javascript">
$(‘.menu a‘).mouseover(function(){
// 让其他的a标签的背景颜色都去掉
$(‘.menu a‘).css({‘background‘:‘#272822‘});
// 把当前的a标签的背景颜色改变
$(this).css({‘background‘:‘#888‘});
//获取索引
index=$(this).index(‘.menu a‘);
// 隐藏掉所有的p标签
$(‘.info p‘).hide();
// 显示出当前的p标签
$(‘.info p‘).eq(index).show();

});
</script>
</html>

利用jQuery实现Tab选项卡

原文：http://blog.51cto.com/11871779/2070508