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()">。