网页遮层
来源:互联网 发布:js 设置session属性值 编辑:程序博客网 时间:2024/05/17 03:15
<div class="mask-cj" style="display:none; position:absolute; width:100%; height:100%; top:0; left:0; z-index:888;background:rgba(0,0,0,0.5);"> </div>
网站body顶部添加一层遮罩
方法2:
jq方法:首先引入jq
$('body').append('<div id="overlay"></div>'); var var docHeight = $(document).height(); $('#overlay') .height(docHeight) .css({ 'opacity': .9, //透明度 'position': 'absolute', 'top': 0, 'left': 0, 'background-color': '#abcdef', 'width': '100%', 'z-index': 5000 //保证这个悬浮层位于其它内容之上 }); setTimeout(function(){$('#overlay').fadeOut('slow')}, 3000); //设置3秒后覆盖层自动淡出 });
方法三
<div id="floatdiv"></div><div> <p>点击任意位置清除浮层</p></div>
#floatdiv{ display: block; position: fixed; top: 0px; bottom: 0px; right: 0px; left: 0px; width: 100%; height: 100%; background-color: #000; opacity: .3; z-index: 9999999;}
$("#floatdiv").click(function () { $("#floatdiv").hide(); })
如果出弹框或者遮罩的时候不要出现滚动条。那么你应该这么玩
// document.documentElement.style.overflow = 'hidden'; // document.body.style.overflow = 'hidden'; //手机版
1 0
- 网页遮层
- 网页特效层
- 网页悬浮层
- 网页弹出层 lhgdialog
- 网页弹出广告层
- 网页z轴 层
- 网页弹出层原理
- 网页特效代码:打开层/关闭层
- CSS网页、图片、层半透明
- 隐藏网页中的层DIV
- 学习 网页中固定层
- 隐藏网页中的层DIV
- 网页是这样“层”的
- 网页的3层结构 结构层 表示层 行为层
- 如何隐藏网页中的层DIV
- 比较实用的网页弹出层
- div层定位在网页右下角
- 【原创】网页中居中层css一则
- 图片延迟加载
- Eclipse快捷键 10个最有用的快捷键
- 关于函数参数入栈的思考(函数调用约定,入栈顺序)
- hadoop 遇到java.net.ConnectException: to 0.0.0.0:10020 failed on connection
- u3d网络链接状态
- 网页遮层
- Lua笔记10-非全局函数
- 【暑期基础3】A HDU 2053 Switch Game
- 深入浅出 MFC多视图
- SharedPreferences
- Apache Shiro 标签方式授权
- SQL性能调优
- Repeater添加一列序号列
- 线性表--链表