点击超链接弹出div

jasmyn518

于 2021-12-11 15:09:16 发布

阅读量892

点赞数

本文链接：https://blog.csdn.net/jasmyn518/article/details/121873827

版权

笔记同时被 3 个专栏收录

127 篇文章 3 订阅

订阅专栏

HTML

78 篇文章 2 订阅

订阅专栏

JavaScript

10 篇文章 0 订阅

订阅专栏

加载页面时，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之后的隐藏功能，需要可以按实际修改使用。

优惠劵

jasmyn518

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
点击超链接弹出div

加载页面时，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; } <
复制链接

扫一扫