怎么做弹出层

最新推荐文章于 2019-12-05 00:19:10 发布

最新推荐文章于 2019-12-05 00:19:10 发布 · 224 阅读

本文介绍了一种使用HTML和JavaScript实现简单弹出层效果的方法。通过一个按钮触发弹窗显示与隐藏，适用于初学者理解页面元素的动态控制。

想给大家分享下弹出层的方法

<html>
<head>
<script>
var i=0;
function showHide(){
i++;
if(i%2==1){
document.getElementById("_div").style.display='none';
}else{
document.getElementById("_div").style.display='block';
}

}
</script>
</head>
<body>
<input type='button' value='ShowOrHide' onclick='showHide()'/>
<div id='_div' style="background:#00ff00;width:200;height:100"></div>
</body>
</html>