html display弹窗,html实现弹窗

上午闲来无事，用html及原生js写个弹窗，供参考。

body{

margin: 0px;

}

.zhezhao{

position: fixed;

left: 0px;

top: 0px;

background: #000;

width: 100%;

height: 100%;

opacity: 0.5;

}

.tankuang{

position: relative;

background: #fff;

width: 50%;

height: 80%;

border-radius: 5px;

margin: 5% auto;

}

#header{

height: 40px;

}

#header-right{

position: absolute;

width: 25px;

height: 25px;

border-radius: 5px;

background: red;

color: #fff;

right: 5px;

top: 5px;

text-align: center;

}

点我

我是弹窗

x

document.getElementById('zhezhao').style.display="none";

function dianwo(){

document.getElementById('zhezhao').style.display="";

}

function hidder(){

document.getElementById('zhezhao').style.display="none";

}

代码可直接拿来用，不足请指出。