<script type= "Text/javascript" >
function FFF () {
document.getElementById ("Show-menu"). Click ()//id the button for the show-menu (self-defined)
}
var i=0;
var btn=0;
Document.onclick = function (event) {
event = event? Event:window.event;
var obj = event.srcelement? Event.srcElement:event.target;
if (Obj.tagname = = "button") {
btn++;
if (btn%2==0) {
document.getElementById ("Asas"). style.zindex= "";
Return
}else{
document.getElementById ("Asas"). style.zindex=1000;
}
Alert ("BTN" +document.getelementbyid ("Asas"). Style.zindex);
}else{
document.getElementById ("Asas"). style.zindex= "";
}
};
</script>
Page code
<div style= "Position:relative" >
<div id= "Asas" style= "Position:absolute;width:100%;height:100%;left:0px;top:0px;background: #000; Filter:alpha ( opacity=0) opacity:0 "onclick=" Javascript:fff () "></div>
Content section
</div>
Click on one of the tags to pop up another layer (this layer can not be clicked, click on this layer to go back to the layer just covered)