<head>
<script>
function closeDiv(){
document.getElementById("div1").style.display="none"
}
</script>
</head>
<body>
<!--点击close按钮，div1消失-->
<div id="div1" style="width:100pxheight:100pxbackground-color:#cecece"> Hello World
</div>
<button onclick="closeDiv()" >close</button>
</body>
</html>
搜索alertbox。原理是通过点击某按钮或者连接。跳出一个div层（原先为隐藏层，点击触发后display属性改成：block），通过css将该div设置成width：100%；height：100%；z-index：100；display：none。然后，在该div层内填充你要的东西。包括右上角的叉叉。点击叉叉改变该div的display属性为none。欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）