http://www.fblog.net.cn/readblog.ASP?blogid=4&id=209演示：http://www.fblog.Net.cn/codeshow/tab/這個用了一大段的JS，而且在DIV的寫法上也是非常的麻煩，稍不注意就出錯 ...
中間左側廣告位以前發過一個標簽切換的東東。
鏈接：http://www.fblog.Net.cn/readblog.ASP?blogid=4&id=209
演示：http://www.fblog.Net.cn/codeshow/tab/
這個用了一大段的JS，而且在DIV的寫法上也是非常的麻煩，稍不注意就出錯了。
現在用JQUERY來實現這個功能主簡單多了
演示：http://www.fblog.Net.cn/codeshow/jquerytab/
代碼： $(document).ready(function(){ $(".menuli>a").click(function(){ $(".menuli>a").attr("class""li
nk2"); $(this).attr("class""link1"); $(".tabContent>ul").css("display""none"); $("#"+$(this).attr("rel")).CSS("display""block"); }) }) .blog{width:300px;height:100px;border:1px solid #555;} .blog h3{font-size:12px;margin:0px;padding:0px;font-weight:100;background-color:#555;} .blog h3 ul{list-style:none;margin:0px;padding:0px;height:20px;margin-left:5px;} .blog h3 ul li{float:left;height:20px;line-height:20px;} .blog h3 ul li a{display:block;text-decoration:none;padding-left:5px;padding-right:5px;} .link1:link.link1:visited{background-color:#fff;color:#666;} .link2:link.link2:visited{color:#fff;}