模态对话框源码分享

最新推荐文章于 2023-09-08 21:45:00 发布

漫画爱好者

最新推荐文章于 2023-09-08 21:45:00 发布

阅读量246

点赞数

分类专栏：编程文章标签： HTML

本文链接：https://blog.csdn.net/KingGaiwusi/article/details/80027515

版权

编程专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='content-type' content="text/html;charset=utf-8">
<title>js1</title>
<style>
	.shade{
		position:fixed;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-color:#333;
		opacity:0.6;
	}
	.delete{
		position:fixed;
		top:50%;
		left:50%;
		width:400px;
		height:300px;
		background-color:white;
		margin-left:-200px;
		margin-top:-150px;	
	}
</style>
</head>
<body>
	<table>
		<tr>
			<th>IP</th>
			<th>编辑</th>
			
		</tr>
		<tr>
			<td>192.168.1.111</td>
			<td>删除</td>
		</tr>
		<tr>
			<td>192.168.1.112</td>
			<td>删除</td>
		</tr>
		<tr>
			<td>192.168.1.113</td>
			<td>删除</td>
		</tr>
		<tr>
			<td>192.168.1.114</td>
			<td>删除</td>
		</tr>
	</table>
	<!--遮罩层开始 -->
	<div class='shade'>
		
	</div>
	<!--遮罩层结束 -->
	<!--删除层开始 -->
	<div class='delete'>
		<div>提示</div>
		<div>确定要删除吗?</div>
		<div>
			<input type='button' value='取消'/>
			<input type='button' value='确定'/>
		</div>
		
	</div>
	<!--删除层结束 -->
</body>
</html>

漫画爱好者

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
模态对话框源码分享

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta http-equiv='content-type' content="text/html;charset=utf-8"&gt;&lt;title&gt;js1&lt;/title&gt;&lt;style&gt; .shade{ position:fixe
复制链接

扫一扫