实现弹出一个全屏灰黑色透明遮罩效果
来源:互联网 发布:python数据处理教程 编辑:程序博客网 时间:2024/06/11 05:22
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>CSS如何实现弹出一个全屏灰黑色透明遮罩效果-蚂蚁部落</title><style type="text/css">*{ margin:0px; padding:0px;}.zhezhao{ width:100%; height:100%; background-color:#000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; position:absolute; left:0px; top:0px; display:none; z-index:1000;}.login{ width:280px; height:180px; position:absolute; top:200px; left:50%; background-color:#000; margin-left:-140px; display:none; z-index:1500;}.content{ margin-top:50px; color:red; line-height:200px; height:200px; text-align:center;}</style><script type="text/javascript">window.onload=function(){ var zhezhao=document.getElementById("zhezhao"); var login=document.getElementById("login"); var bt=document.getElementById("bt"); var btclose=document.getElementById("btclose"); bt.onclick=function(){ zhezhao.style.display="block"; login.style.display="block"; } btclose.onclick=function(){ zhezhao.style.display="none"; login.style.display="none"; }}</script></head><body> <div class="zhezhao" id="zhezhao"></div> <div class="login" id="login"><button id="btclose">点击关闭</button></div> <div class="content">蚂蚁部落欢迎您,<button id="bt">点击弹出遮罩</button></div></body></html>
本文出处:http://www.softwhy.com/forum.php?mod=viewthread&tid=6377
0 0
- 实现弹出一个全屏灰黑色透明遮罩效果
- cocos2d-x一个函数实现精灵变灰效果
- 弹出登录框背景变灰效果
- js 弹出全屏窗效果
- 全屏透明遮罩(lightBox)简单实例
- 点击链接后,弹出另一个浮动窗口,全屏变暗遮罩效果,适用于下载站
- iOS 弹出透明controller效果
- JS弹出可移动的DIV对话框透明遮罩效果
- 全屏沉浸式透明状态栏效果
- 在andriod里实现透明遮罩效果
- 网页灰黑色显示
- Android内容覆盖透明状态栏下实现全屏模式下带状态栏的效果
- Flex3全屏效果实现
- 实现全屏切换效果
- js 实现全屏效果
- HTML5 实现全屏效果
- js实现点击一个按钮达到浏览器全屏效果
- 弹出一个透明的Controller
- linux 超级终端 minicom使用手册
- Oracle(第九讲)
- [Cocos2d-x 3.0rc1] Cocos2d-x Windows+VS2013环境搭建
- 《iOS7 by Tutorials》系列:iOS7的设计精髓(下)
- spring 视频教程
- 实现弹出一个全屏灰黑色透明遮罩效果
- 创建型模式1:单例模式(Singleton Pattern)
- 移动搜索的未来一定不是搜索框
- 动态IP或无公网IP时外网访问内网MYSQL数据库
- Arduino 串口通讯
- 可穿戴设备未来十大趋势
- lozi混沌映射吸引子,使用python的matplotlib绘制,可以放大和缩小
- 基于xmpp openfire smack开发之smack类库介绍和使用
- UITableView告别蛋疼的上拉更新,自动刷新数据。