遮罩锁屏
来源:互联网 发布:php 类调用静态方法 编辑:程序博客网 时间:2024/05/22 09:41
考完试 镇镇场子 希望能过。
小螺号瞎几把吹,海鸥听了瞎几把飞。
效果图如下(做的比较难看,后期看心情优化。。。)
原理:
把整个页面分为上中下三层。下层为普通页面;中层为黑色透明的div,不能进行任何操作;上层为弹出窗口。这样的话在黑色区域瞎点的时候就会全部点在空div上,不会有任何反应了。
代码:
@*锁屏面*@<div id="screen" style="position:absolute;top:0;left:0;background:#000;z-index:8999;filter:alpha(opacity=30);opacity:0.3;display:none;"></div>//锁屏代码 for (var i = 0; i < $('#screen').length; i++) { $('#screen')[i].style.width = document.documentElement.clientWidth + 'px'; $('#screen')[i].style.height = document.documentElement.clientHeight + 'px'; $('#screen')[i].style.display = 'block'; } //解除锁屏 for (var i = 0; i < $('#screen').length; i++) { $('#screen')[i].style.display = 'none'; }
阅读全文
0 0
- 遮罩锁屏
- 遮罩锁屏
- 库房管理系统之遮罩锁屏
- JavaScript实践——博客前端:封装库-遮罩锁屏
- PYthon——plt.scatter各参数详解
- 算法之贪心书架
- [二分+最大流]51 Nod——1757 大灾变
- 人为什么觉得心累呢?很值得看 !
- tomcat 启动时间过长
- 遮罩锁屏
- Oracle pl/sql 游标
- 剑指offer第22题(从上往下打印二叉树)
- python: pop函数
- 互锁函数InterlockedExchangeAdd的用法
- K:正则表达式之基础简介
- 虚拟机的三种网络模式
- IDEA中could not autoware
- JavaScript使用FileReader对象实现图片上传预览