Jquery实现Tab效果思路是js思路_jquery



代码如下:







$(document).ready(function() {
$(".tab span:first").addClass("current"); //为第一个SPAN添加当前效果样式
$(".tab ul:not(:first)").hide(); //隐藏其它的UL
$(".tab span").mouseover(function() {
$(".tab span").removeClass("current"); //去掉所有SPAN的样式
$(this).addClass("current");
$(".tab ul").hide();
$("." + $(this).attr("id")).fadeIn('slow');
});
});

tab1 tab2 tab3

脚本之家

www.gxlcms.com

我和我

一花一世办

一草一天堂

阿里巴巴

阿里巴巴

一草一天堂

我和我的祖国

最爱的地方

演示代码 http://demo.jb51.net/js/jquery_tab/index.htm