js控制z-index的值和改變display來顯示或者隱藏層

主要是應用CSS的z-index來控制，通過改變層的z-index的值大小來讓層成為當前獲得焦點。而如果是要隱藏，則改變層的display就行了

上面這種js程式碼該怎麼寫？謝謝！

控制z-index的JS程式碼是這樣寫的：

document.getElementById("層的id").style.zIndex=100;而你現在要通過改變層的z-index來讓層成為當前焦點層，那麼你需要一個全域性變數來控制層的z-index
在js中可以這麼寫：
var currDivIndex=100; //假設當前層的z-index是100，具體可根據你的層的初始化的
 
z-index來進行設定
function xfocus(xdiv)
{
currDivIndex++;  
document.getElementById(xdiv).style.zIndex=currDivIndex;
}

然後div中，可以用onclick事件來實現讓層的z-index成為當前層：
<div id="div_1" onclick="javascript:xfocus('div_1');";>層1</div>
<div id="div_2" onclick="javascript:xfocus('div_2');";>";>層2</div>
<div id="div_3" onclick="javascript:xfocus('div_3');";>";>
 
層3</div>

點其中一個層，會把當前層的id傳到js的自定義函式xfocus中，然後在xfocus中通過currDivIndex來記錄層的當前層的z-index，接著把當前層的z-index設定一下。下次點另一個層的時候，又會在currDivIndex上加1，變成比其他層的z-index高，使用之成為當前層