《jQuery练手作品：Tab 切换效果》的评论

作者：dianaluna

dianaluna — Fri, 17 Dec 2010 16:03:36 +0000

这个东西看的不太懂。。。凑下热闹

作者：不羡鱼

不羡鱼 — Tue, 07 Dec 2010 13:30:50 +0000

.tab-1,.tab-2{display:none;}是关键呀，我怎么没有想到。

作者：sinsky

sinsky — Sat, 04 Dec 2010 13:35:26 +0000

我在纠结一个问题。·

作者：林木木

林木木 — Wed, 27 Oct 2010 10:18:55 +0000

这个有点综合了，先mark呗～呵呵

作者：途途

途途 — Wed, 27 Oct 2010 06:42:38 +0000

功底不是很强，有点看的不明白~
不过还是要谢谢木木的精彩分享~

作者：小闇

小闇 — Sat, 14 Aug 2010 11:31:07 +0000

側邊欄東西太少了，沒用這個~

作者：林木木

林木木 — Thu, 29 Jul 2010 13:36:52 +0000

看这篇 http://immmmm.com/jquery-tab-switch-code-improved.html

作者：diao

diao — Thu, 29 Jul 2010 11:24:53 +0000

疯了！！！html发不上去

作者：diao

diao — Thu, 29 Jul 2010 11:23:20 +0000

星期一
星期二
星期三
星期四
星期五

第一天
第二天
第三天
第四天
第五天

–>

作者：diao

diao — Thu, 29 Jul 2010 11:20:17 +0000

楼主的扩展性作的不太好哦！！
三段代码：
css样式：
#menu{width:410px;height:35px;}
#menu span{float:left;width:80px;height:35px;line-height:35px;font-size:13px;color:#000;cursor:pointer;border:1px red solid;}
#menu .color{background-color:green;font-weight:bold;}
#cont div{width:410px;height:300px;display:none;border:1px #000 solid;}
#cont .show{display:block;}
Html代码：

星期一
星期二
星期三
星期四
星期五

第一天
第二天
第三天
第四天
第五天

jquery代码：

$(function(){
$(“#menu span”).mouseover(function(){
var index=$(“#menu span”).index(this);
$(this).addClass(“color”).siblings().removeClass(“color”);
$(“#cont div”).removeClass(“show”).eq(index).addClass(“show”);
})
});