JQuery 遮罩层
来源:互联网 发布:中国气象数据查询 编辑:程序博客网 时间:2024/06/07 02:24
1.样式如下设置:
- <style type="text/css">
- .mask {
- position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #777;
- z-index: 1002; left: 0px;
- opacity:0.5; -moz-opacity:0.5;
- }
- </style>
其中: opacity:0.5;适用于IE, -moz-opacit:0.5;适用于火狐;你只需要都加上,便可以火狐和IE下都可以使用。
2.指定层的高度、和宽度。
- <script type="text/javascript">
- //兼容火狐、IE8
- function showMask(){
- $("#mask").css("height",$(document).height());
- $("#mask").css("width",$(document).width());
- $("#mask").show();
- }
- </script>
3.在<body>中加入如下代码,然后就可以看效果了:
- <div id="mask" class="mask"></div>
- <a href="javascript:;" onclick="showMask()" >点我显示遮罩层</a><br />
0 0
- jquery 遮罩层
- jquery遮罩层
- jquery遮罩层
- JQuery 遮罩层
- JQuery 遮罩层
- JQuery 遮罩层
- JQuery 遮罩层
- Jquery遮罩层
- JQuery全屏遮罩层DIV
- js,jquery 页面遮罩层
- Jquery 遮罩层实现
- jquery实现遮罩层效果
- jquery 跨iframe 遮罩层
- jQuery 遮罩层效果
- jQuery 遮罩层效果
- 简单Jquery遮罩层
- JQuery全屏遮罩层DIV
- jQuery的遮罩层定位
- laravel 多数据库设置
- 史上最全前端面试题(含答案)
- 微信无刷新返回之前页面
- HDU-1245-Saving James Bond
- 移动电影售票系统案例分析
- JQuery 遮罩层
- 姿态结算相关----梯度下降法
- html+javascript+Servlet表单前台校验,后台验证
- extract frame
- 内网穿透神器ngrok
- MySQL 警告WARN: Establishing SSL connection without server's identity verification is not recommended.
- android studio 处理.9图片问题
- noiopenjudge07:矩阵归零消减序列和 模拟
- Spring Boot B-JUI项目快速开发(一)