JQuery 遮罩层
来源:互联网 发布:java 字符串日期比较 编辑:程序博客网 时间:2024/06/06 18: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的遮罩层定位
- 在iPhone项目中使用讯飞语音SDK实现语音识别和语音合成
- linux驱动开发的经典书籍
- nginx常见内部参数,错误总结
- iOS 使用AFNetworking-----cpf
- C-关于结构体变量和结构体指针变量函数传递值得问题
- JQuery 遮罩层
- equals 和==
- 2014年省赛总结
- 苹果30亿美元收购Beats 预计第四财季完成
- 程序员学习能力提升三要素
- 用函数对象标示策略
- 利用PHP开发的微信公共平台游戏
- H264的基本概念
- 使用CSS的类名交集复合选择器