div效果很好的遮盖层效果
来源:互联网 发布:python 爬虫 google 编辑:程序博客网 时间:2024/04/29 22:55
http://blog.csdn.net/wushuang5566110/article/details/38316385
已验证,挺好的
[html] view plain copy print?<!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实现页面遮盖层(带动画效果)
- json-lib jar包 java 转换成json
- Andriod 获取屏幕/控件宽高
- Leetcode 494. Target Sum
- 第一章 Shiro简介——《跟我学Shiro》
- Android 开机Logo制作
- div效果很好的遮盖层效果
- 二分搜索
- Allegro各属性说明如 Clines或者Cline Segs
- 基础练习 字母图形
- 一个电子印章由几个部分组成?
- Android动画——属性动画(Property Animation)
- 阿里电面
- linux解压命令
- ubuntu硬盘分区