您的位置：首页 > Web前端 > JavaScript

js 弹出浮动层

2014-05-02 23:36 411 查看

<!DOCTYPE HTML>
<html>

<script type="text/javascript">
function tanchu(){
document.getElementById("opacitys").style.display='block';
document.getElementById("content").style.display='block';
}

function close(){
document.getElementById("opacitys").style.display='none';
document.getElementById("content").style.display='none';
}
</script>
<body>
<div id="opacitys"
style="background-color:white;top:0px;left:0px;right:0px; bottom:0px;position:absolute;display:none;opacity:0.5;z-index:1000;">
</div>

<div id="content"
style="background-color:red;width:50%;height:50%;display:none;position:absolute;z-index:2000;
top: 0; left: 0; bottom: 0; right: 0;margin:auto;border:2px solid red;">
<div style="margin:10px;">
<a href=""# onclick="close()" style="float:right;background-image:url(close.png);width:17px;height:17px;"></a>
我是显示内容我是显示内容我是显示内容我是显示内容我是显示内容我是显示内容我是显示内容我是显示内容我是显示内容
</div>
</div>

<a href="#" onclick="tanchu()" >弹出层<a>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： js

相关文章推荐

新的分享

章节导航