Jquery实现遮罩

HTML

<div id="mask"></div>

CSS

#mask {position: absolute; top: 0px; filter: alpha(opacity=60);
background-color: #777;z-index:0; left: 0px;opacity:0.0; -moz-opacity:0.5;}

根据实际情况进行设置。z-index为遮罩的层级，小于遮罩层级的将会被遮盖。opacity为IE下遮罩透明度，-moz-opacity为火狐浏览器下遮罩透明度设置。

JQuery

function showMask(){$("#mask").css({"height":$(document).height(),"width":$(document).width()});      $("#mask").show();
}function hideMask(){$("#mask").hide();
}

showMask显示遮罩、hideMask隐藏遮罩。

Jquery实现遮罩相关推荐

php 遮罩层,Jquery实现遮罩层的方法
本文实例讲述了Jquery实现遮罩层的方法.分享给大家供大家参考.具体如下: 1.假设#main为页面body中的最外层Div标签 2.背景被遮罩后,显示的弹出窗(默认是不显示的,所包含的CSS这里就 ...
java遮罩层_[Java教程]Jquery实现遮罩层
[Java教程]Jquery实现遮罩层 0 2012-12-13 17:00:10 1.假设#main为页面body中的最外层Div标签 2.背景被遮罩后,显示的弹出窗(默认是不显示的,所包含的CSS ...
jquery 半透明遮罩效果小结
最近偏离学术的道路越来越远了!! 今天要小结的是实现一个半透明遮罩效果.点击页面上的一个按钮,立即在屏幕的正中央显示某个部件,并且在这个部件之外的区域像是蒙上了一层半透明的遮罩.点击遮罩区域,该正中央 ...
jquery简洁遮罩插件
/************************** *Desc:提交操作时遮罩 *Argument:type=0 全屏遮 1局部遮 *Author:Zery-Zhang *Date:2014-09 ...
jquery blockui 遮罩【转】
参考 : http://bookshadow.com/weblog/2014/09/26/jquery-blockui-js-introduction/ blockUI.html blockUI.ht ...
JQuery 实现遮罩层
1.样式如下设置: Js代码 <style type="text/css"> .mask { position: absolute; top: 0px; filte ...
html遮罩提示框代码,基于jQuery实现弹出可关闭遮罩提示框实例代码
jquery CSS3遮罩弹出层动画效果,使用非常简单,就两个标签,里面自定义内容和样式,四种常见效果,懂的朋友还可以修改源代码修改成自己想要的效果先给大家展示下效果图,如果大家感觉还不错,请参考实 ...
jquery easyui 弹出对话框被activex控件遮挡问题
为什么80%的码农都做不了架构师?>>> 参考:http://bbs.csdn.net/topics/390375764 本人遇到jquery easyui 弹出对话框被act ...
遮罩窗体弹出登录页面代码实现
先上效果图(本人喜欢胡巴,背景用了胡巴),鼠标滑过页面,图片变暗,透明度为0.4,同时弹出登录窗口. 接下来先看css代码(写的可能不是很规范,根据调整样式顺序写的) body{background- ...
JQuery实现笼罩层
引用Jquery1.4.2及以上版本,测试中发现引用css路径之间要加(.)请注意哦! 页面:d.html <%@ page language="java" contentT ...

Jquery实现遮罩

HTML

CSS

JQuery

Jquery实现遮罩相关推荐

最新文章

热门文章