css样式作为DIV的样式
/*遮罩层*/
#mid{
display:none;
width:100%;
height:100%;
background:#000;
position:absolute;
top:0;
left:0;
z-index:10;
opacity:0.4; /*背景的透明度:(Firefox适用;)*/
filter:alpha(opacity =40); /*背景的透明度:(IE适用);
}
div层
<div id="mid"></div>
通过div层的展示或不展示来启用遮罩层
document.getElementById('mid').style.display="none/block";
$("mid").style.display=''''';
原理:层展示 且 浮动到z-index:10 页面上。
分享到:
相关推荐
微信小程序全屏遮罩层代码。代码简洁,适合定制开发。
CSS3鼠标经过图片遮罩层代码基于Bootstrap3.3.5制作,自适应分辨率,兼容PC端和移动端,CSS3鼠标悬停动画效果遮罩层。
项目中用到过的自动判断是否是微信浏览器,然后弹出遮罩层,使用很方便
jQuery点击无限弹出遮罩层代码
这是一款支持拖动效果的点击按钮之后弹出遮罩层代码,jQuery点击无限弹出层插件下载。 js代码 [removed][removed] [removed][removed] [removed] var layer = new Layer({ layerclass:"layerContianer2",/...
这是一款支持拖动效果的点击按钮之后弹出遮罩层代码,jQuery点击无限弹出层插件下载。
jQuery遮罩层代码,点击链接弹出浮动层效果,实例中演示弹出了宽度为700PX/350PX/500PX的浮动窗口,有了实例,大家用起来就得心应手了,代码中的jQuery,引自google官方的托管库代码。
js 打开关闭遮罩层 loading图片
jQuery弹出层对话框代码基于jquery-3.3.1.min.js制作,有基础对话框、全屏对话框、可拖动对话框、暗黑模式对话框、设置宽度、隐藏按钮、设置按钮文字、按钮事件、自动关闭、嵌套iframe、内容背景色、隐藏遮罩层等...
效果如下:点击弹出一新对话框,对话框颜色原色,背景变暗,有多种效果。
介绍了简单的Jquery遮罩层代码实例,有需要的朋友可以参考一下
基于jquery、sliphover制作的遮罩层js源码,内附十多个不同的遮罩层dome,可以调整遮罩层出现的位置,动画,颜色等等。
jQuery遮罩层在线QQ客服代码,满足你各种需要
微信小程序-自定义组件-遮罩层-规则内容显示
jQuery遮罩层在线QQ客服代码基于jquery.1.7.1.js制作,点击网页右侧浮动在线客服图标,弹出遮罩层客服中心窗口,带关闭按钮。
本文实例讲述了JS简单实现点击按钮或文字显示遮罩层的方法。分享给大家供大家参考,具体如下: 运行效果图如下: 完整代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <...
jQuery手机端遮罩层弹出菜单CSS3动画出现和消失代码