点击按钮锁屏

最新推荐文章于 2022-03-01 11:11:53 发布
最新推荐文章于 2022-03-01 11:11:53 发布
阅读量1.6k 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fighting_on_way/article/details/79422388
版权

                        

这个图片用来增加效果的                            这个是我的根目录

点击按钮锁屏原理：

        直接在body下添加一个子元素，放在堆叠图形的最上层，将其余内容罩住，需要露出来的元素，可以通过设置Z坐标来实现

<!DOCTYPE html>
<html>
	<head>
		<script>
		function createDiv(){
				var div=document.createElement("div"); 
					div.setAttribute("style","text-align:center;top:-1px;height:100%;width:100%;position:absolute;z-index:1000;background-color:steelblue;opacity:0.4;filter:alpha(opacity:40); ");
						div.setAttribute("id","wxdiv");
						div.innerHTML = '<img style="position:absolute;top:50%;left:50%;vertical-align:middle;" src="../images/3.gif" >'
						
						var  a =document.getElementById('unlock');
						a.setAttribute("style","position:absolute;z-index:1001;") ;
						document.body.appendChild(div); 
		}
		
		function deleteDiv(){
	
		document.body.removeChild(document.getElementById("wxdiv"));
		
		}

		</script>
	
	
	<title>锁屏测试</title>
	</head>
	<body>
	<div>
		<input    type="button" value ='锁屏' id="lock"  οnclick='createDiv()'>
	</div >
		锁屏的原理：就是在dody下增加一个div，相当于在页面上增加了一个盖子；
			
		<input    type="button" value ='解除锁屏' id="unlock"  οnclick='deleteDiv()'>
	</body>

</html>




 

代码中最关键的是
 

div.setAttribute("style","text-align:center;top:-1px;height:100%;width:100%;position:absolute;z-index:1000;background-color:steelblue;opacity:0.4;filter:alpha(opacity:40); ")这段代码
 

z-index：在层叠属性里面很关键
 

opacity:0.4;filter:alpha(opacity:40）兼容IE设置透明度
 


 


 



                

        

        

    




    

      

        

            

              
                
                  冰羽之梦
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    1
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
layui 表格批量操作【初始化密码】操作

				
			

			

				

					CaiXinXing的CSDN博客
				

				

					05-28
					
					855
					
				

			

		

		

			
				
页面按钮


<div class="layui-inline my-float-right">
     <button type="button" class="layui-btn layui-btn-danger" lay-active="rePwd"><i class="layui-icon layui-icon-password"></i>初始化密码</button>
     <button type="button" clas.

			
		

	



                

              
                



	

		

			

				
					
不错的弹出层居中效果锁定屏幕

				
			

			

				

					06-30
				

			

		

		

			
				
很实用的弹出div居中效果，代码简洁，修改灵活。适合新手使用。一看即懂。

			
		

	



                


  
              

                


	

		

			

				
					
layui后台框架搭建及整合ssm项目

				
			

			

				

					liqz666的博客
				

				

					03-25
					
					9542
					
				

			

		

		

			
				
引言：大家都知道，后台开发如果仅仅只有功能，没有漂亮的样式，会让人觉得有点low，加入有一个漂亮的后台模板，

自己修改修改，整合到自己的项目上，我觉得也是很不错的，缩短项目的开发时间。我学习layui有几个月时间了，以前不会更改模板，现在终于知道如何更改一套模板了，希望给那些迷茫的人指一条明路。

喜欢Java开发及layui的朋友可以加群：893474028（不会的可以问群主哦）

效果图：
...

			
		

	





	

		

			

				
					
Layui 锁定|正常 判断

				
			

			

				

					yuanting_的博客
				

				

					07-11
					
					2148
					
				

			

		

		

			
				
// 渲染表格
        table.render({
            elem: '#system-table',
            url: config.base_server + 'api-user/systems',
            where: {
                access_token: config.getToken().access_...

			
		

	



		

			
		



	

		

			

				
					
layui实现点击按钮全屏

				
			

			

				

					weixin_42124384的博客
				

				

					07-11
					
					2411
					
				

			

		

		

			
				
layui实现点击按钮全屏
html：
<!-- 全屏按钮 -->
<li class="layui-nav-item">
    <a href="#" data-toggle="fullscreen"><i class="fa fa-arrows-alt"></i></a>
</li>

javascript：
<script>
    layui.use(['element', 'layer', 'layu

			
		

	





	

		

			

				
					
layui的表格操作之锁定解锁存入拒绝

				
			

			

				

					programmer188的博客
				

				

					02-04
					
					532
					
				

			

		

		

			
				
各状态：
templet: function (d) {
    if (d.status === 0) {
        return '<span style="color: black">已提交</span> '
    } else if (d.status === 1) {
        return '<span style="color: blue">锁定</span>'
    } else if (d.status === 2) {
 .

			
		

	





	

		

			

				
					
LayUI⑴：表格的常用操作

				
			

			

				

					dawn0718的专栏
				

				

					03-01
					
					2034
					
				

			

		

		

			
				
　　这几天使用LayUI + PHP + MS SQL Server写一个小程序，开发工具使用的是HBuilder，就是把先前使用Powerbuilder完成的C/S程序转换成Web程序。

　　第一次完整地写，有一点不习惯这样的开发方式，不过好在基本上都找到了解决办法，这里记录和更新开发过程中使用到的一些资料，方便后面的查找使用。

　　LayUI停止了更新，后面写程序可能使用LayUI就不多了，它还是有很多有点，使用它对付一些中小型程序还是挺好的。

1、LayUI初始化


//-----------

			
		

	





	

		

			

				
					
android锁屏功能

				
			

			

				

					07-13
				

			

		

		

			
				
android锁屏功能，点击按钮自动锁屏，不需要按手机的电源键就可以锁屏，方便简单。

			
		

	





	

		

			

				
					
给虚拟机更换桌面壁纸和锁屏界面

				
			

			

				

					01-20
				

			

		

		

			
				
前言：虚拟机及系统的安装请移步博客 点我查看 虚拟机默认的界面是什么样的呢？ 你看这平淡无奇的桌面与锁屏...同时，命令栏也是可以隐藏的，点击如下图所示的“工字钉”按钮，可以让命令栏隐藏到屏幕最上方 需要退出全

			
		

	





	

		

			

				
					
很简单的锁屏程序（真的）

				
			

			

				

					07-12
				

			

		

		

			
				
如何退出：点击 Hello Mc按钮即可退出 这个程序需要手动启动（可以开机自启动）

			
		

	





	

		

			

				
					
页面加载锁屏

				
			

			

				

					03-20
				

			

		

		

			
				
NULL
博文链接：https://henry8088.iteye.com/blog/862166

			
		

	





	

		

			

				
					
layer组件 jquery弹出层，提示框提示按钮特效

				
			

			

				

					11-07
				

			

		

		

			
				
layer组件 jquery弹出层，提示框，提示按钮，锁屏操作，提示等特效

			
		

	





	

		

			

				
					
LockDemo锁屏

				
			

			

				

					05-22
				

			

		

		

			
				
android 调用系统锁屏 demo

			
		

	





	

		

			

				
					
关于layui的动态图标不显示的解决方法

				
			

			

				

					10-16
				

			

		

		

			
				
今天小编就为大家分享一篇关于layui的动态图标不显示的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

			
		

	





	

		

			

				
					
解决了ios系统因锁屏导致倒计时不准的问题

				
			

			

				

					01-22
				

			

		

		

			
				
做ios应用的时候页面会有倒计时，但是有客户会锁屏，这个时候页面倒计时就不动了。 解决了这个问题，当屏幕打开的时候倒计时还会像没有锁屏那样继续按时走着。真是不错，哈哈

			
		

	





	

		

			

				
					
零一锁屏王 v8.81.rar

				
			

			

				

					07-14
				

			

		

		

			
				
点击【完成】按钮，零一锁屏王软件安装过程就完成了。  零一锁屏王的使用       安装完成后，点击【零一锁屏王】快捷方式即可进入零一锁屏王软件。如图所示，这是软件的主界面，用户可以点击界面的各种按钮实现自己...

			
		

	





	

		

			

				
					
Suno AI Download 免费下载Suno AI 音乐 

				
			

			

				

					04-18
				

			

		

		

			
				
网站描述：Sunoaidownload——从分享链接中轻松下载Suno AI生成的歌曲文件

内容概要：
这是一个专门提供Suno AI生成的歌曲文件下载服务的网站，用户可以通过分享链接轻松获取所需文件。本网站提供高质量、多样化的音乐资源，满足不同用户的需求。

适用人群：
该网站适用于所有热爱音乐、需要音乐素材的用户，特别适合音乐创作者、音乐爱好者、学生、教师等人群使用。

使用场景：
该网站的使用场景非常广泛，具体包括以下几个方面：

1. 音乐创作：音乐创作者可以使用本网站提供的歌曲文件进行创作，丰富作品内容，提升作品质量。
2. 音乐学习：学生和教师可以使用本网站的歌曲文件进行音乐学习，提高音乐素养和技能。
3. 娱乐休闲：普通用户可以使用本网站的歌曲文件进行放松、娱乐和休闲，享受音乐带来的愉悦。

其他说明：
本网站提供高速、稳定的下载服务，确保用户能够快速获取所需文件。同时，我们注重版权保护，只提供合法授权的歌曲文件，避免侵犯他人权益。为了更好地服务用户，我们不断优化网站功能和用户体验，欢迎提出宝贵意见和建议。此外，为了保障用户数据安全，我们采取了先进的安全措施。

			
		

	





	

		

			

				
					
基于Python的Django配置Celery设计源码

				
			

			

				

					04-18
				

			

		

		

			
				
本项目是基于Python的Django配置Celery设计源码，包含20个文件，其中主要包含17个py源代码文件。系统采用了Python编程语言，实现了Django配置Celery的功能。项目结构清晰，代码可读性强，易于理解和维护。

			
		

	





	

		

			

				
					
物联网嵌入式ESP32开发例程05-FreeRTOS操作系统之时间片调度C程序代码.rar

					
最新发布

				
			

			

				

					04-18
				

			

		

		

			
				
1、嵌入式物联网ESP32项目实战开发。例程经过精心编写，简单好用。
2、代码使用Visual Studio Code + ESP-IDF开发，C语言编程。例程在ESP32-S3上运行。若在其他型号上运行，请自行调整。
3、如果接入其他传感器，请查看发布的其他资料。
4、ESP32与模块的接线，在代码当中均有定义，请自行对照。
5、若硬件差异，请根据自身情况适当调整代码，程序仅供参考。
6、代码有注释说明，请耐心阅读。
7、技术v：349014857;

			
		

	





	

		

			

				
					
lightdm 锁屏快捷键

				
			

			

				

					11-22
				

			

		

		

			
				
3. 在弹出的对话框中，输入名称为“锁屏”，命令为“dm-tool lock”，然后点击“应用”按钮。 4. 点击“禁用”按钮，然后按下“Super+L”组合键，这时候“禁用”按钮会变成“启用”按钮，点击“启用”按钮即可。  ...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值