`
iwebcode
  • 浏览: 2010966 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

创建遮罩层

 
阅读更多
//创建遮罩层
function createMask() {
var height = document.documentElement.clientHeight;
var width = document.documentElement.clientWidth;
var bodyHeight = $("body").height();


if (bodyHeight > height) {
height = bodyHeight;
}


var mask = {};
if ($("#mask_div").length == 0) {
$("body").append('<div id="mask_div" style="position:absolute;top:0;left:0;filter:alpha(opacity=20);-moz-opacity:0.2;opacity:.2;"></div>')
}
mask = $("#mask_div");
mask.css({
"width": width,
"height": height,
"background": "#000"
});
}


//移除遮罩层
function removeMask() {
$("#mask_div").remove();
}
分享到:
评论

相关推荐

    前端-商品遮罩层(多种方法实现)

    遮罩层:可以将与遮罩层相链接的图形中的图像遮盖起来。用户可以将多个层组合放在一个遮罩层下,以创建出多样...

    jquery实现简单的遮罩层

    本文实例讲解了jquery遮罩层,包括遮罩层的不同样式实现、mask实现遮罩层等,分享给大家供大家参考,具体内容如下 一、jQuery实现遮罩层的不同样式 1.1 背景半透明遮罩层样式 需要一个黑色(当然也可以其他)背景,...

    qt5 遮罩背景 灰色遮罩层实现

    c++ qt 弹出的对话框有个半透明的遮罩住主窗体,更突出对话框。

    jQuery遮罩层实现方法实例详解(附遮罩层插件)

    主要介绍了jQuery遮罩层实现方法,结合实例形式较为详细的分析了jQuery遮罩层样式及功能实现技巧,并附带分析了一个简单jQuery遮罩层插件实现方法,需要的朋友可以参考下

    JQuery遮罩层登录界面源码

    JQuery遮罩层登录界面源码 测试浏览器:IE8、FF3.6.8、Google Chrome (IE8中弹出登录层后会出现竖拉条,其他两种没有出现,那个竖拉条可以在JS中通过修改数值让其不出现,但是下面会出现白边) 点击登录显示登录...

    frameset框架Demo

    frameset框架Demo

    遮罩层和弹出框.html

    浅显易懂 纯手写js遮罩层 和 弹出框代码 非常适合初学者学习 一看就懂的优质代码 利用js中的动态创建元素 和 绝对定位

    FLASH遮罩

    FLASH遮罩

    js实现遮罩层划出效果是生成div而不是显示

    3、在实际应用中,已存在的div的显示比临时创建肯定要有效的多; 这样我还是上一下代码吧,其实之前的地方没怎么变,我只记录改变的地方,那就是onmouseout监听加在了哪呢? var getOneDiv=function(){ va

    锁屏代码:无限制弹出层;禁止滚动条;禁止刷新

    3,自动创建遮罩层及显示层。多次弹出时,总将上一层遮罩 4, 无限制弹出层的话,z-index每次要+2n 5, 多次弹出的话,在js里面创建div,比在html里把div定义好要方便 6, 参数中,url是调用的php页面,n是浮动层的层数...

    jQuery弹出遮罩层效果完整示例

    主要介绍了jQuery弹出遮罩层效果,结合完整实例形式分析了jQuery遮罩层的动态创建与使用技巧,需要的朋友可以参考下

    jQuery遮罩层登陆效果插件(LeanModal) v1.0.rar

    在附件包中的示例中,主要给出了jQuery遮罩层登陆效果,另外它还可以展示隐藏的页面内容,整个插件大小只有780bytes,可灵活变化高度和宽度,没有用到任何图片,支持在一个页面中创建多个实例,非常适合于创建:登录...

    openlayers遮罩示例

    一个基于openlayer创建地图遮罩的前端代码示例。 使用方法 1. 安装依赖 npm i 2. 项目启动 npm start

    引导遮罩 指导软件怎么使用

    最最轻量级的新手引导库,能够快速为任何一个View创建一个遮罩层,支持单个页面,多个引导提示,支持为高亮区域设置不同的图形,支持引导动画,方便扩展,良好支持fragment

    遮罩动画原理以及实例

    在Flash动画中,“遮罩”主要有2种用途,一个作用是用在整个场景或一个特定区域,使场景外的对象或特定区域外的对象不可见,另一个作用是用来遮罩住某一元件的一部分,从而实现一些特殊的效果。创建遮罩的方法

    使用原生JS实现弹出层特效

    创建遮罩层 代码如下:  _createCover: function() {  var newMask = document.createElement(“div”);  newMask.id = this._mark;  newMask.style.position = “absolute”;  newMask.style.zIndex = “100”...

    js控制的遮罩层实例介绍

    把项目里很土的弹窗,改成了遮罩层显示,现在感觉好多了。在这里创建一个div和body一样大小,这样就可以把整个页面全部盖住了,具体实现祥看本文,希望可以帮助到你

    Java 遮罩特效的实现代码.rar

    Java 遮罩特效的实现代码,运动效果的遮罩特效,先实现椭圆形的遮罩,实例化媒体加载器,最后在创建缓冲区中的图像形成遮罩效果,而且它是会移动的。

    wordcloud:使用amueller的wordcloud包使用遮罩创建wordcloud!

    使用amueller的wordcloud包使用遮罩创建wordcloud! 参考: [1] [2] [3] 1.包导入和字体,掩码,消息设置! 该代码分为与掩码有关的部分,与字体有关的部分和与单词有关的部分。 首先,加载必要的包,在设置字体...

    masktextfield:JavaFX的遮罩文字栏位

    使用函数setMask(String mask)创建一个遮罩 使用上述字符,设置遮罩[Ex:objectmask.setMask(“ XXXXXX”)] 面具的特点: * =接受任何字符 A =仅字母数字 N =仅数字 L =仅字母 U =仅大写字母 l =仅小写字母 S...

Global site tag (gtag.js) - Google Analytics