div效果很好的遮盖层效果
来源:互联网 发布:mysql user password 编辑:程序博客网 时间:2024/04/29 17:25
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>DIV CSS遮罩层</title>
- <script language="javascript" type="text/javascript">
- function showdiv() {
- document.getElementById("bg").style.display ="block";
- document.getElementById("show").style.display ="block";
- }
- function hidediv() {
- document.getElementById("bg").style.display ='none';
- document.getElementById("show").style.display ='none';
- }
- </script>
- <style type="text/css">
- #bg{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.7; opacity:.70; filter: alpha(opacity=70);}
- #show{display: none; position: absolute; top: 25%; left: 22%; width: 53%; height: 49%; padding: 8px; border: 8px solid #E8E9F7; background-color: white; z-index:1002; overflow: auto;}
- </style>
- </head>
- <body>
- <input id="btnshow" type="button" value="Show" onclick="showdiv();"/>
- <div id="bg"></div>
- <div id="show">测试
- <input id="btnclose" type="button" value="Close" onclick="hidediv();"/>
- </div>
- </body>
- </html>
0 0
- div效果很好的遮盖层效果
- div效果很好的遮盖层效果
- div效果很好的遮盖层效果
- div效果很好的遮盖层效果
- javascript 实现遮盖层效果
- div层的叠加效果
- CSS+JQUERY实现遮盖层效果
- 操作等待效果,遮盖层js
- js实现遮盖层划出效果-------Day77
- Android Dialog去除蒙层/遮盖效果
- 163邮箱的遮盖效果
- DIV拖动层效果
- Div 浮层效果
- 实现Flex的div浮动层效果
- JS弹出对话框_JS弹出层遮盖效果_JS弹出一个层并且后面有遮盖
- 简单实现遮盖层随鼠标左右划入的效果-------Day75
- js弹出层、遮罩、div层的几种效果
- JavaScript实现页面遮盖层(带动画效果)
- project eulur 17
- 美团推荐算法实践:机器学习重排序模型成亮点
- jQuery change事件
- 一个QA的思考
- 三国杂谈
- div效果很好的遮盖层效果
- C# MVC demo
- ROW_NUMBER (Transact-SQL)
- hdu 2102A计划(搜索,两层迷宫)
- Maximum Gap (Java)
- poj1276 多重背包
- 关于STL中的map和hash_map
- Linux Mint 17 安装搜狗输入法
- java中的作用域