实现局部遮罩与关闭原理及代码


Posted in Javascript onFebruary 04, 2013
//实现局部遮罩 
<script type="text/javascript"> 
function Shade(){ 
var s = document.getElementById("shade"); 
s.style.display = "block"; 
} 
function Display(){ 
var d = document.getElementById("shade"); 
d.style.display = "none"; 
} 
</script> 
<style type="text/css"> 
#box{ 
width:400px; 
height:300px; 
position:relative; 
margin:0px auto; 
border:1px solid #000; 
} 
#shade{ 
width:400px; 
height:300px; 
background-color:gray; 
position:absolute; 
z-index:999; 
left:0px; 
top:0px; 
-moz-opacity:0.5;/*Firefox*/ 
opacity:0.5;/*Opera*/ 
filter:alpha(opacity=50); /*IE*/ 
} 
</style> 
</head> <body> 
<div id = "box"> 
<a href = "javascript:Shade()">局部遮罩</a> 
<div id = "shade"></div> 
</div> 
<a href = "javascript:Display()">遮罩消失</a> 
</body>
Javascript 相关文章推荐
JavaScript Event学习第七章 事件属性
Feb 07 Javascript
JS实现将人民币金额转换为大写的示例代码
Feb 13 Javascript
Angular中的Promise对象($q介绍)
Mar 03 Javascript
javascript判断并获取注册表中可信任站点的方法
Jun 01 Javascript
深入学习JavaScript中的Rest参数和参数默认值
Jul 28 Javascript
javascript对浅拷贝和深拷贝的详解
Oct 14 Javascript
jQuery图片拖动组件Dropzone用法示例
Jan 17 Javascript
运用jQuery写的验证表单(实例讲解)
Jul 06 jQuery
JavaScript实现简单评论功能
Aug 17 Javascript
JS控制下拉列表左右选择实例代码
May 08 Javascript
浅谈vue项目,访问路径#号的问题
Aug 14 Javascript
Vue实现导航栏菜单
Aug 19 Javascript
js实现网站首页图片滚动显示
Feb 04 #Javascript
js/jQuery对象互转(快速操作dom元素)
Feb 04 #Javascript
js网页中的(运行代码)功能实现思路
Feb 04 #Javascript
js操作CheckBoxList实现全选/反选(在客服端完成)
Feb 02 #Javascript
自定义右键属性覆盖浏览器默认右键行为实现代码
Feb 02 #Javascript
js触发asp.net的Button的Onclick事件应用
Feb 02 #Javascript
js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)
Feb 02 #Javascript
You might like
老机欣赏|中国60年代精品收音机
2021/03/02 无线电
在线竞拍系统的PHP实现框架(一)
2006/10/09 PHP
相对路径转化成绝对路径
2007/04/10 PHP
php扩展ZF――Validate扩展
2008/01/10 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十)
2014/06/24 PHP
PHP实现动态添加XML中数据的方法
2018/03/30 PHP
详解在YII2框架中使用UEditor编辑器发布文章
2018/11/02 PHP
关于Yii2框架跑脚本时内存泄漏问题的分析与解决
2019/12/01 PHP
Jquery中ajax方法data参数的用法小结
2014/02/12 Javascript
jQuery实现简单的日期输入格式化控件
2015/03/12 Javascript
Js中将Long转换成日期格式的实现方法
2018/06/05 Javascript
python中lambda函数 list comprehension 和 zip函数使用指南
2014/09/28 Python
Python查找相似单词的方法
2015/03/05 Python
python实现将英文单词表示的数字转换成阿拉伯数字的方法
2015/07/02 Python
python 巧用正则寻找字符串中的特定字符的位置方法
2018/05/02 Python
获取python的list中含有重复值的index方法
2018/06/27 Python
使用python进行拆分大文件的方法
2018/12/10 Python
Python关键字及可变参数*args,**kw原理解析
2020/04/04 Python
对Matlab中共轭、转置和共轭装置的区别说明
2020/05/11 Python
PythonPC客户端自动化实现原理(pywinauto)
2020/05/28 Python
Python简单实现词云图代码及步骤解析
2020/06/04 Python
如何创建一个Flask项目并进行简单配置
2020/11/18 Python
详解CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
2016/12/20 HTML / CSS
html5实现滑块功能之type=&quot;range&quot;属性
2020/02/18 HTML / CSS
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢? 是用==还是equals()? 它们有何区别?用contains来区分是否有重复的对象。还是都不用
2013/07/30 面试题
我心目中的好老师活动方案
2014/08/19 职场文书
2014年党员干部四风问题自我剖析材料
2014/09/29 职场文书
学校总务处领导干部个人对照检查材料思想汇报
2014/10/06 职场文书
2015年学生会纪检部工作总结
2015/03/31 职场文书
2015年文明创建工作总结
2015/04/30 职场文书
公司员工辞职信范文
2015/05/12 职场文书
Nginx下配置Https证书详细过程
2021/04/01 Servers
Python自然语言处理之切分算法详解
2021/04/25 Python
django如何自定义manage.py管理命令
2021/04/27 Python
详解TypeScript中的类型保护
2021/04/29 Javascript
spring项目中切面及AOP的使用方法
2021/06/26 Java/Android