我有一个js写的弹出层,我怎样使得鼠标点击弹出层以外的地方,这个层关闭?

JavaScript021

我有一个js写的弹出层,我怎样使得鼠标点击弹出层以外的地方,这个层关闭?,第1张

阻止帽泡事件就OK了,在不需要产生事件的地方 用:$(示例元素).click(function(event){

event.stopPropagation() //阻止冒泡

})

这是一个打开网页 30秒后自动弹出红色的遮罩层,5秒后遮罩层自动关闭。

<html>

    <body onload="load()">

    <div id="zzDiv" style="width:100%height:100%opacity:0.5background-color:#cccdisplay:noneposition: fixedz-index:9999">遮罩层</div>

    ndndndndnddnnd

    <script type="text/javascript">

    function load(){

         setTimeout(showDiv,3000)

}

function showDiv(){

    document.getElementById("zzDiv").style.display="block"

    setTimeout(hideDiv,5000)

}

function hideDiv(){

   document.getElementById("zzDiv").style.display="none"

}

</script>

</body>

</html>

关于移植:在你想要弹出遮罩层的页面修改。按照页面结构把对应标签的内容复制到你要修改的页面中。例如<body></body>的内容复制到<body></body>里面。再将 <body>改成<body onload="load()">。