html>

Document

nav?ul?{

padding:?0;

list-style:?none;

}

nav?ul?li?{

text-decoration:?none;

width:?70px;line-height:?50px;

text-align:?center;

float:?left;

background-color:?#000;

color:?#fff;

cursor:?pointer;}

.gray?{background-color:?rgba(0,0,0,0.6);}

• 首頁
• 實戰
• 路徑
• 猿問
• 手記

$("nav?li").click(function(){

$(this).addClass("gray").siblings().removeClass("gray");

})

$("nav?li").click(function(){

$(this).addClass("gray").siblings().removeClass("gray");

})

一句搞定

自己引一個jQuery庫就行