最简单的js+css遮罩实现
来源:互联网 发布:邯郸数据库工程师招聘 编辑:程序博客网 时间:2024/06/04 19:25
在<body>里面放置<div id="cover" class="cover"></div>
页面添加style
<style type="text/css">
.cover {
position:fixed; top: 0px; right:0px; bottom:0px;filter: alpha(opacity=60); background-color: #777;
z-index: 1002; left: 0px; display:none;opacity:0.5; -moz-opacity:0.5;
}
</style>
添加js脚本,实现遮罩
function showMask(){
$("#cover").toggle();
}
直接调用showMask()
0 0
- 最简单的js+css遮罩实现
- css和js实现最简单的轮播图效果
- 最简单的js css Tab 演示
- 最简单的登录验证(js实现)
- js+Css实现的一个简单对话框
- 通过JS+CSS实现简单的遮罩层
- CSS+JS实现简单的时钟
- js css+html实现简单的日历
- 最简单的css和js文件合并
- 最简单的css+js标签页效果制作
- tomcat服务器下使用nginx实现最简单的动静分离--解决css、js不加载的问题
- tomcat服务器下使用nginx实现最简单的动静分离--解决css、js不加载的问题
- css实现的最简单的标签页
- css--文本换行最简单的实现方式
- js+css实现的简单的下拉菜单。兼容性好。
- js最简单的图片切换效果实现
- 最简单实现网页返回效果的js代码
- 【Node.js】实现一个最简单的HTTP服务器
- 日期问题
- html5将图片转换base64进行上传、应该能解决微信内置浏览器上传图片
- 宿命的轮回
- 设计模式-1.11装饰模式
- Android 动画(anim)详解
- 最简单的js+css遮罩实现
- Myeclipse使用DB Browser连接数据库错误:OPTION SQL_SELECT_LIMIT=DEFAULT
- MFC实现QQ抖动
- TCP协议网络连接状态详解
- n-1位数(南阳oj96)
- Android Serializable与Parcelable原理与区别
- win7/win8如何解决卸载matlab7卸载时出现exeption calling main
- 对crashlog大小不一致的分析
- java虚拟机学习笔记二:浅谈虚拟机的类加载执行子系统机制