JS实现遮罩层效果的简单实例


Posted in Javascript onNovember 12, 2013
function show(){ 
    var cover = document.getElementById("cover"); 
    cover.style.width = document.documentElement.scrollWidth+"px"; 
    cover.style.height = document.documentElement.scrollHeight+"px"; 
    cover.style.display = "block"; 
} 
#cover{ 
    background:gray; 
    position:absolute; 
    left:0px; 
    top:0px; 
    display:none; 
    z-index:20; 
    filter:alpha(opacity=60); 
    opacity:0.6 !important; 
    }
Javascript 相关文章推荐
jQuery中绑定事件的命名空间详解
Apr 05 Javascript
如何获取JQUERY AJAX返回的JSON结果集实现代码
Dec 10 Javascript
巧用jquery解决下拉菜单被Div遮挡的相关问题
Feb 13 Javascript
jQuery实现鼠标滚轮动态改变样式或效果
Jan 05 Javascript
js调出上下文菜单的实例
Dec 17 Javascript
详解Node.js中的事件机制
Sep 22 Javascript
AngularJs基于角色的前端访问控制的实现
Nov 07 Javascript
javaScript中定义类或对象的五种方式总结
Dec 04 Javascript
JS对象是否拥有某属性如何判断
Feb 03 Javascript
Vue打包后出现一些map文件的解决方法
Feb 13 Javascript
JavaScript 九种跨域方式实现原理
Feb 11 Javascript
mocha的时序规则讲解
Feb 16 Javascript
javascript静态页面传值的三种方法分享
Nov 12 #Javascript
javascript的渐进增强与平稳退化浅谈
Nov 12 #Javascript
JavaScrip实现PHP print_r的数功能(三种方法)
Nov 12 #Javascript
JavaScript中的字符串操作详解
Nov 12 #Javascript
JavaScript简单实现网页回到顶部功能
Nov 12 #Javascript
判定是否原生方法的JS代码
Nov 12 #Javascript
给文字加上着重号的JS代码
Nov 12 #Javascript
You might like
基于mysql的论坛(2)
2006/10/09 PHP
IP138 IP地址查询小偷实现代码
2010/02/15 PHP
PHP数据库万能引擎类adodb配置使用以及实例集锦
2014/06/12 PHP
php发送html格式文本邮件的方法
2015/06/10 PHP
php高性能日志系统 seaslog 的安装与使用方法分析
2020/02/29 PHP
JavaScript入门教程(7) History历史对象
2009/01/31 Javascript
Js切换功能的简单方法
2010/11/23 Javascript
30个最好的jQuery 灯箱插件分享
2011/04/25 Javascript
JS中处理与当前时间间隔的函数代码
2012/05/23 Javascript
javascript截取字符串(通过substring实现并支持中英文混合)
2013/06/24 Javascript
用js的document.write输出的广告无阻塞加载的方法
2014/06/05 Javascript
详解js闭包
2014/09/02 Javascript
jQuery中detach()方法用法实例
2014/12/25 Javascript
jQuery使用hide方法隐藏元素自身用法实例
2015/03/30 Javascript
jQuery仿京东商城楼梯式导航定位菜单
2016/07/25 Javascript
javascript验证内容为数字以及长度为10的简单实例
2016/08/20 Javascript
js实现一个猜数字游戏
2017/03/31 Javascript
JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码
2017/08/18 Javascript
Node.js命令行/批处理中如何更改Linux用户密码浅析
2018/07/22 Javascript
vue插件draggable实现拖拽移动图片顺序
2018/12/01 Javascript
react中使用css的7中方式(最全总结)
2019/02/11 Javascript
vue 2.5.1 源码学习 之Vue.extend 和 data的合并策略
2019/06/04 Javascript
python模块之StringIO使用示例
2015/04/08 Python
python通过get,post方式发送http请求和接收http响应的方法
2015/05/26 Python
python调用java的jar包方法
2018/12/15 Python
对python修改xml文件的节点值方法详解
2018/12/24 Python
使用Python进行体育竞技分析(预测球队成绩)
2019/05/16 Python
python中的colorlog库使用详解
2019/07/05 Python
python控制台实现tab补全和清屏的例子
2019/08/20 Python
Python 实现打印单词的菱形字符图案
2020/04/12 Python
CSS3教程(8):CSS3透明度指南
2009/04/02 HTML / CSS
HTML5之WebGL 3D概述(上)—WebGL原生开发开启网页3D渲染新时代
2013/01/31 HTML / CSS
GWT的应用有哪两种部署模式
2012/12/21 面试题
自强之星事迹材料
2014/05/12 职场文书
婚礼男方父母答谢词
2015/09/29 职场文书
my.ini优化mysql数据库性能的十个参数(推荐)
2021/05/26 MySQL