编程 Javascript

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; 
    }

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

纯JavaScript实现的完美渐变弹出层效果代码

Apr 02 Javascript

php对mongodb的扩展(小试牛刀)

Nov 11 Javascript

Area 区域实现post提交数据的js写法

Apr 22 Javascript

jquery缓动swing liner控制动画过程不同时刻的速度

May 29 Javascript

js使用for循环及if语句判断多个一样的name

Sep 09 Javascript

jquery 将当前时间转换成yyyymmdd格式的实现方法

Jun 01 Javascript

微信小程序 toast 详解及实例代码

Nov 09 Javascript

扩展bootstrap的modal模态框-动态添加modal框-弹出多个modal框

Feb 21 Javascript

教你5分钟学会用requirejs(必看篇)

Jul 25 Javascript

利用vue + element实现表格分页和前端搜索的方法

Dec 25 Javascript

Vue开发Html5微信公众号的步骤

Apr 11 Javascript

js实现飞机大战小游戏

Aug 26 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

PHP 中关于ord($str)&gt;0x80的详细说明

2012/09/23 PHP

PHP输出XML到页面的3种方法详解

2013/06/06 PHP

php简单实现批量上传图片的方法

2016/05/09 PHP

PHP设计模式之策略模式Strategy详解【对象行为型】

2020/05/01 PHP

Aliyun Linux 编译安装 php7.3 tengine2.3.2 mysql8.0 redis5的过程详解

2020/10/20 PHP

javascript 随机展示头像实现代码

2011/12/06 Javascript

js限制文本框只能输入数字(正则表达式)

2012/07/15 Javascript

如何实现textarea里的不同文本显示不同颜色

2014/01/20 Javascript

jQuery 获取/设置/删除DOM元素的属性以a元素为例

2014/05/23 Javascript

javascript的函数作用域

2014/11/12 Javascript

javascript拖拽效果延伸学习

2016/04/04 Javascript

Angularjs使用directive自定义指令实现attribute继承的方法详解

2016/08/05 Javascript

详解Vue-cli webpack移动端自动化构建rem问题

2018/04/07 Javascript

jQuery实现适用于移动端的跑马灯抽奖特效示例

2019/01/18 jQuery

Vue CLI2升级至Vue CLI3的方法步骤

2019/05/20 Javascript

JS实现滑动插件

2020/01/15 Javascript

jquery制作的移动端购物车效果完整示例

2020/02/24 jQuery

ant-design-vue按需加载的坑的解决

2020/05/14 Javascript

Jquery Fade用法详解

2020/11/06 jQuery

Python如何为图片添加水印

2016/11/25 Python

利用PyCharm Profile分析异步爬虫效率详解

2019/05/08 Python

python版百度语音识别功能

2019/07/09 Python

Django通过设置CORS解决跨域问题

2020/11/26 Python

Woolworth官网：澳洲第一大超市

2017/06/25 全球购物

Ralph Lauren英国官方网站：Ralph Lauren UK

2018/04/03 全球购物

优秀教师先进事迹

2014/01/22 职场文书

会计学自我鉴定

2014/02/06 职场文书

经济信息系毕业生自荐信范文

2014/03/15 职场文书

学生个人自我鉴定

2014/03/26 职场文书

警校毕业生自我评价

2014/04/06 职场文书

五四青年节优秀演讲稿范文

2014/05/28 职场文书

现场活动策划方案

2014/08/22 职场文书

个人合作协议范本

2015/08/06 职场文书

导游词之峨眉山

2019/12/16 职场文书

浅谈Python中的正则表达式

2021/06/28 Python

24年收藏2000多部退役军用电台

2022/02/18 无线电