js控制z-index的值和改变display来显示或者隐藏层

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" οnclick="javascript:xfocus('div_1');";>层1</div>
<div id="div_2" οnclick="javascript:xfocus('div_2');";>";>层2</div>
<div id="div_3" οnclick="javascript:xfocus('div_3');";>";>层3</div>

点其中一个层，会把当前层的id传到js的自定义函数xfocus中，然后在xfocus中通过currDivIndex来记录层的当前层的z-index，接着把当前层的z-index设置一下。下次点另一个层的时候，又会在currDivIndex上加1，变成比其他层的z-index高，使用之成为当前层