跟我做背景变暗,弹出提示层的功能,而且增加了对Select对象的支持

简介: 跟我做背景变暗,弹出提示层的功能,而且增加了对Select对象的支持 其实很简单,我也是学习别人的代码学习来的, 注意:密码是123 <html>     <head>     </head>     <body>     <p   align="center">     <script>...     fun

跟我做背景变暗,弹出提示层的功能,而且增加了对Select对象的支持

其实很简单,我也是学习别人的代码学习来的,

注意:密码是123

< html >    
  
< head >    
  
</ head >    
  
< body >    
  
< p    align ="center" >    
  
< script > ...    
  
function    locking() ... {   
  document.all.ly.style.display
= " block " ;   
  document.all.ly.style.width
= document.body.clientWidth;   
  document.all.ly.style.height
= document.body.clientHeight;   
  document.all.Layer2.style.display
= ' block ' ;   
  }
   
  
function    Lock_CheckForm(theForm) ... {   
  
if (theForm.P_USERPASS.value == '' ) ... {alert( " 错误:请输入你的用户密码! " );theForm.P_USERPASS.focus(); return     false ;}    
  
if (theForm.P_USERPASS.value    != ' 123 ' ) ... {alert( " 错误:密码错误! " );theForm.P_USERPASS.value = '' ;theForm.P_USERPASS.focus(); return     false ;}    
  
else ... {document.all.ly.style.display = ' none ' ;document.all.Layer2.style.display = ' none ' ;}    
  
return     false ;   
  }
   
  
</ script >    
  
< img    src = >    
    
  
</ p >    
  
< p    align ="center" >    
    
  
< INPUT    TYPE ="button"    value ="系统锁定"    onclick ="locking()" >    
  
</ p >    
  
< div    id ="ly"    style ="position:absolute;top:0px;FILTER:   alpha(opacity=60);background-color:#777;   z-index:2;   left:   0px;display:none;" >     </ div >    
    
  
   
              
< div    id ="Layer2"    align ="center"    style ="position:absolute;   z-index:3;   width:   540;   height:170px;left:expression((document.body.offsetWidth-540)/2);   top:   expression((document.body.offsetHeight-170)/2);background-color:#fff;display:none;"    valign ="center" >      
  
< form    method ="POST"    action =""    onsubmit ="return   Lock_CheckForm(this);" >    
      
< TABLE    width =540    height =170    border =0    cellpadding =0    cellspacing =0    style ="border:0   solid   #e7e3e7;border-collapse:   collapse" >    
      
< TR >    
      
< TD    style ="background-color:#73A2d6;color:#fff;padding-left:4px;padding-top:2px;font-weight:bold;font-size:14px;"    height =27    valign ="center" > [       ] </ TD >    
      
</ TR >    
      
< TR >    
      
< TD    align ="center"    valign ="center" > 请输入解除锁定密码 < p >< input    type ="text"    name ="P_USERPASS"    size ="20" ></ TD >    
      
</ TR >    
      
< TR >    
      
< TD    height =30    align ="center" >< INPUT    type ="submit"    value ="     确         定     " ></ TD >    
      
</ TR >    
      
</ TABLE >    
  
</ form >    
              
</ div >      
  
   
  
</ body >    
  
</ html >    
  

 插入一个代码吧,方便你们用;)没办法,不能上传文件,还是贴代码吧;(

方法二 popup的方式

 

  < script    language ="JavaScript" > ...    
  
   
   </ script >    
  
< input    type ="button"    onclick ="showPopup()"    value ="操作有误" >

 

再加一个方法,带渐变效果的

 

  < script    language ="JavaScript" > ...    
  
   
   </ script >    
  
< input    type ="button"    onclick ="showPopup()"    value ="操作有误" >

 

 

 

相关文章
PyQt5 技术篇-QTableWidget表格组件指定行的隐藏与显示控制实例演示,设置表格指定列的列宽方法
PyQt5 技术篇-QTableWidget表格组件指定行的隐藏与显示控制实例演示,设置表格指定列的列宽方法
714 0
|
6月前
|
监控 Serverless 算法框架/工具
函数计算操作报错合集之选中图中部分后报错,但去掉后可以正常请求,是什么原因
在使用函数计算服务(如阿里云函数计算)时,用户可能会遇到多种错误场景。以下是一些常见的操作报错及其可能的原因和解决方法,包括但不限于:1. 函数部署失败、2. 函数执行超时、3. 资源不足错误、4. 权限与访问错误、5. 依赖问题、6. 网络配置错误、7. 触发器配置错误、8. 日志与监控问题。
|
5月前
|
存储 开发框架 前端开发
在Winform分页控件中集成保存用户列表显示字段及宽度调整设置
在Winform分页控件中集成保存用户列表显示字段及宽度调整设置
|
8月前
|
JavaScript 前端开发 Java
若依框架---选中某值 其他值自动回调填充
若依框架---选中某值 其他值自动回调填充
220 0
点击增加按钮,添加input,超过三个则增加按钮隐藏
点击增加按钮,添加input,超过三个则增加按钮隐藏
101 0
|
前端开发 开发者
|
容器
Echarts实战案例代码(30):同一个id空间Tab按钮显示不同图表防止叠加的解决方案
Echarts实战案例代码(30):同一个id空间Tab按钮显示不同图表防止叠加的解决方案
104 0
SwiftUI—使用TabView包含和切换多个页面
SwiftUI—使用TabView包含和切换多个页面
965 0
SwiftUI—使用TabView包含和切换多个页面
医学四视图-007-增加按钮,增加文档提示
医学四视图-007-增加按钮,增加文档提示
299 0
医学四视图-007-增加按钮,增加文档提示

热门文章

最新文章