html5实现弹出提示框，并且伴随遮罩层并且可以关闭弹出框

来源：互联网发布：高考奇迹知乎编辑：程序博客网时间：2024/06/10 19:11

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-1.8.3.min.js"></script>
<style>
*{padding: 0; margin: 0}
.box{
position: fixed;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.2);
display: none;
}
.box1{
width: 500px;
height: 500px;
position: fixed;left: 50%; top: 25%;
margin-left: -250px;
border: 1px solid #000000;
}
</style>
<script>
</script>
</head>
<body>
<div class="box">
<div class="box1">
<a href="javascript:;" onclick="jQuery('.box').hide()" class="close">关闭</a>
</div>
</div>
<a href="javascript:;" onclick="jQuery('.box').show()" class="show">显示</a>
</body>
</html>

阅读全文

0 0

html5实现弹出提示框，并且伴随遮罩层并且可以关闭弹出框
html5实现弹出提示框，并且伴随遮罩层并且可以关闭弹出框
html5实现弹出提示框，并且伴随遮罩层并且可以关闭弹出框
关闭浏览器窗口是弹出提示框，并且可以通过函数控制其失效。
弹出提示框，并且进行页面跳转
解决问题：关闭dialog并且刷新父页面（解决关闭dialog时弹出重试提示框）。
javascript实现打开新窗口全屏，并且关掉父窗体（不弹出关闭提示）
根据后台循环的数据动态弹出提示框，并且实现带有遮蔽层
实现点击按钮弹出登陆框并且可移动操作
html弹出框并且页面变灰
dialog底部弹出自定义view并且伴随动画弹出和消失
利用NPOI控件导出Excel，并且弹出提示框供客户选择导出文件路径
javascript实现关闭浏览器时弹出提示框
div右下角弹出框，可以关闭
android 弹出输入框，并且默认全选默认值
页面弹出是否关闭提示框
javaScript关闭浏览器 (不弹出提示框)
javascript关闭窗口，不弹出提示框
【设计模式】服务定位器模式（Service Locator Pattern）
Spark应用的优化
Arcgis for Android解决标注TextSymbol中文字体乱码的问题
LeetCode-78. Subsets
【设计模式】享元模式（Flyweight Pattern）
html5实现弹出提示框，并且伴随遮罩层并且可以关闭弹出框
# FLume 自定义Channel使用中遇到的问题（1）
c语言练习题（持续更新中）
JavaWeb支付宝沙箱环境小记
欢迎使用CSDN-markdown编辑器
文章标题
大数据浪潮下，「管理会计」迎来新机遇
[angular]路由与include的选择
传统企业存储厮杀过后，昨天的战场留下什么值得回忆？