透過onmouseover選項卡實現img圖片的變化_javascript技巧

複製代碼如下代碼：

渡//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


>


#main{ 高度：420px;寬度：400px;}
#head{
寬度：400px;
高度：52px;
位置：絕對;
左：10px;
頂部：-12px;
背景顏色：綠色；
}
#head li{ float:left;列表樣式：無；寬度：85px;}
#content{
寬度：400px;
高度：350px;
背景顏色：#FC6;
文字對齊：居中；
位置：位置：絕對;
上：36px;
左：10px;
}
風格>
頭>

;

• 圖片一


• 圖片二


• 圖三


• 圖片四

身體>

function show(n){
for(var i=1;idocument.getElementById("tab" i).style.backgroundColor='green';
document.getElementById("p" i).style.display='none';
//顯示隱藏內容的與否的控制，當為none時，隱藏
}
document.getElementById("tab" n).style.backgroundColor='white';
document.getElementById("p" n).style.display='block';
//當隱藏時，的即可顯示
}
;