背景變暗，彈出提示層

阿新 • • 發佈：2019-01-17

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>ddd</title>
    <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';
selectObjHidded();
}
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';}
selectObjVisible();
return   false;
}
/**
* 隱藏所有的select
*/
function selectObjHidded(){
var obj;
obj=document.getElementsByTagName("SELECT");
var i;
for(i=0;i<obj.length;i++) obj[i].style.visibility="hidden";
}
/**
* 顯示所有的select
*/
function selectObjVisible(){
var obj;
obj=document.getElementsByTagName("SELECT");
var i;
for(i=0;i<obj.length;i++) obj[i].style.visibility="visible";
}
</script>
<style type="text/css">

</style>
</head>
<body>
<p align="center">
<img   src="

http://gg.blueidea.com/2006/chinaok/468x60.gif">
<SELECT ID="oSelect" NAME="Cars" SIZE="3" MULTIPLE>
<OPTION VALUE="1" SELECTED>寶馬
<OPTION VALUE="2">保時捷
<OPTION VALUE="3" SELECTED>賓士
</SELECT>
</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>

背景變暗，彈出提示層

背景變暗，彈出提示層

jquery bootstrap 彈出提示層外掛

Android監聽系統來電，彈出提示視窗

Android 最多輸入30個字元就不能輸入，彈出提示框提醒

popupwindow彈出，父類背景變暗問題

【Android開發】動畫彈出PopupWindow並使背景變暗

彈出PopupWindow背景變暗的實現

android popupwindow彈出後背景變暗

自定義PopupWindow,點選彈出PopupWindow,背景變暗,仿點選彈出分享

彈出PopWindow背景變暗

Android彈出Dialog使背景變暗的實現方式

JS彈出DIV並使整個頁面背景變暗功能的實現程式碼

Android PopupWindow彈出視窗的完美實現（實現彈出背景變暗效果）

android彈出dialog後activity背景變暗

ios11，彈出層內的input框光標錯位鍵盤彈出時，輸入信息，光標一直亂跳

thinkPHP5.0使用form表單提交數據和刪除文章，不用TP的提示頁面，使用彈出提示信息

asp.net 按鈕執行前後臺方法——前臺彈出提示信息，確認後繼續執行後臺方法，取消則不執行後臺方法

layer關閉彈出層，彈出打印

如何用jQuery實現彈出一個層然後過3秒鐘後自動變淡然後消失

python學習之網站的編寫（HTML，CSS，JS）（十五）----------示例，彈出一個背景為半黑色，前面是白框的彈窗功能（已經編好的框架）

背景變暗，彈出提示層

相關推薦