遮罩锁屏

来源:互联网 发布: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';        }
原创粉丝点击