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

 更新时间:2013年11月12日 16:26:51   作者:  
这篇文章介绍了JS实现遮罩层效果的简单实例,有需要的朋友可以参考一下

复制代码 代码如下:

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;

    }

相关文章

  • vue基于ElementUI动态设置表格高度的3种方法

    vue基于ElementUI动态设置表格高度的3种方法

    ElementUI+vue动态设置表格高度的几种方法,抛砖引玉,还有其它方法动态设置表格高度,大家可以开动脑筋
    2025-02-02
  • js中的 || 与 && 运算符详解

    js中的 || 与 && 运算符详解

    这篇文章主要介绍了js中的 || 与 && 运算符详解,需要的朋友可以参考下
    2018-05-05
  • JS原型prototype和__proto__用法实例分析

    JS原型prototype和__proto__用法实例分析

    这篇文章主要介绍了JS原型prototype和__proto__用法,结合实例形式分析了JS原型prototype和__proto__使用方法及相关操作注意事项,需要的朋友可以参考下
    2020-03-03
  • 通过伪协议解决父页面与iframe页面通信的问题

    通过伪协议解决父页面与iframe页面通信的问题

    这篇文章主要介绍了通过伪协议解决父页面与iframe页面通信的问题,需要的朋友可以参考下
    2015-04-04
  • JS中判断字符串中是否包含指定字符的几种方法

    JS中判断字符串中是否包含指定字符的几种方法

    本文介绍了字符串处理的五种方法,包含indexOf()用于获取字符串中指定字符首次出现的位置,includes()判断字符串是否包含某个值,match()用正则表达式匹配字符串,正则表达式创建与检查匹配,search()执行搜索并返回匹配的索引位置,下面就来介绍一下
    2024-09-09
  • 详解通用webpack多页面自动导入方案

    详解通用webpack多页面自动导入方案

    本文主要介绍了通用webpack多页面自动导入方案,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01
  • js中如何对json数组进行排序

    js中如何对json数组进行排序

    这篇文章主要介绍了js中如何对json数组进行排序的问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-04-04
  • js 根据对象数组中的属性进行排序实现代码

    js 根据对象数组中的属性进行排序实现代码

    这篇文章主要介绍了js 根据对象数组中的属性进行排序实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • JS重学系列之聊聊new操作符

    JS重学系列之聊聊new操作符

    这篇文章主要给大家介绍了关于JS重学系列之new操作符的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-03-03
  • JS ES新特性 扩展运算符介绍

    JS ES新特性 扩展运算符介绍

    这篇文章主要介绍了JS ES新特性 扩展运算符,下面文章围绕ES新特性 扩展运算符的相关资料展开详细内容,需要的朋友可以参考一下,希望对大家有所帮助
    2021-12-12

最新评论