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高,使用之成为当前层