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

js对话框

2015-08-17 13:57 288 查看

<!DOCTYPE html>

<head>

<script language="javascript" type="text/javascript">

function showdiv() {

document.getElementById("bg").style.display ="block";

document.getElementById("show").style.display ="block";

}

function hidediv() {

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

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

}

</script>

<style type="text/css">

#bg{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.7; opacity:.70; filter: alpha(opacity=70);}

#show{display: none; position: absolute; top: 25%; left: 38%; width: 350px; height: 350px; padding: 1px; border: 2px solid #E8E9F7; background-color: white; z-index:1002; }

</style>

</head>

<body>



<input id="btnshow" type="button" value="Show" onclick="showdiv();"/>



<div id="bg" onclick="hidediv();"></div>

<div id="show">

<img src="images/2code.jpg"style="width: 100%" height="100%">

</div>

</body>

</html>

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

标签：

相关文章推荐

新的分享

章节导航