加载页面时,div隐藏,点击超链接时弹出div。
代码如下:
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
#mode{
position: absolute;
width: 300px;
height: 300px;
top: 0;
left: 0;
display: none;
}
</style>
</head>
<body>
<a href="javascript:void(0)" onclick="show();">弹出</a>
<div style="width: 100%;height: 1500px;background-color: grey;"></div>
<div id="mode">
<h4>新增</h4>
<form>
<p>
用户名:<input type="text" name="username">
</p>
</form>
</div>
</body>
<script type="text/javascript">
function show(){
document.getElementById("mode").style="display:block;"
}
</script>
</html>
并没有实现弹出div之后的隐藏功能,需要可以按实际修改使用。