html5实现弹出提示框，并且伴随遮罩层并且可以关闭弹出框
2015-06-10 10:53
447 查看
<!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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- HTML5桌面通知
- HTML5 Canvas （一）
- html5常用的属性收集
- [HTML5]简单网页本地音乐播放器
- html5的history
- HTML5新标签之Canvas
- 从零开始制作H5应用（4）——V4.0，加入文字并给文字加特效
- 2015年16个最佳的免费响应式HTML5框架
- HTML5前世今生
- HTML5 Canvas Overview
- HTML5 Canvas Tutorial
- HTML5 特性
- 8个web前端的精美HTML5 & CSS3效果及源码下载
- Html5的DeviceOrientation特性
- 8个前沿的 HTML5 & CSS3 效果
- 25个让人惊叹的 HTML5 应用实验
- 慕课网HTML5学习笔记
- html5拖放操作
- 动手写一个HTML5的无限循环滚动焦点图
- 基于HT for Web矢量实现HTML5文件上传进度条