简单锁屏代码

最新推荐文章于 2025-07-05 18:46:17 发布

zyx_19841210

最新推荐文章于 2025-07-05 18:46:17 发布

阅读量2.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： js脚本类文章标签： filter function div

本文链接：https://blog.youkuaiyun.com/zyx_19841210/article/details/6371884

js脚本类专栏收录该内容

3 篇文章

订阅专栏

这篇博客介绍了如何使用JavaScript创建一个简单的锁屏功能。通过定义Divlock函数，当调用该函数时，会显示一个透明遮罩层（LockDiv）和一个显示层（ShowDiv），实现页面的锁定效果。当再次调用函数时，这两个层将隐藏，解锁页面。页面中通过设置div元素的样式属性实现动态适应屏幕大小和透明度效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//锁屏代码
function Divlock()
 {

   var disdiv=document.getElementById('LockDiv');
   var mydiv=document.getElementById('ShowDiv');
   if(disdiv.style.display=="none")
   {
     disdiv.style.width=document.body.clientWidth;
     disdiv.style.height=document.body.clientHeight;
     disdiv.style.display='';
     mydiv.style.display='';
    //document.getElementById('bfbjk').src='bfbjk.html';
   }
   else 
   {
     disdiv.style.display="none";
     mydiv.style.display="none";
   }
}
------

页面引用

<div id="LockDiv" style="background:#333; z-index:1;display:none; position:absolute; left:0; top:0; FILTER:alpha(opacity=80);opacity: 0.8;"></div>

        <div id="ShowDiv" style="display:none;"></div>