`
xzknet
  • 浏览: 315169 次
  • 性别: Icon_minigender_1
  • 来自: 河南
文章分类
社区版块
存档分类
最新评论

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

JavaScript框架 
阅读更多

跟我做背景变暗，弹出提示层的功能,而且增加了对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=http://www.shangdu.com/images/517s1.gif>   
    
  </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">[&nbsp;警&nbsp;告&nbsp;]</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">...   
  <!--   
  var   oPopup=window.createPopup();   
  var   oPopBody=oPopup.document.body;   
  var   colorArr=["#F7F7F7","#E7E7E7","#D7D7D7","#D4D4D4","#BCBCBC","#ACACAC"];   
  var   i=0;   
  var   iMaxLength=6;   
  var   timer=null;   
  function   showPopup()...{   
  var   oBody=document.body;   
  oPopBody.attachEvent("oncontextmenu",cancelEvent);   
  oPopBody.bgColor="#FFFFFF";   
  var   strHTML=""   
  strHTML+='<center><div   align="center"   style="border:solid   2px   #00FFFF;valign:middle;   width:400;   height:200">请您选中要操作的信件!<input   type="button"   value="确定"   onclick="parent.hidePopup()"></div></center>';   
  oPopBody.innerHTML=strHTML;   
  oPopup.show(0,0,oBody.clientWidth,oBody.clientHeight,document.body);   
  chgBgcolor();   
  }   
  function   chgBgcolor()...{   
  if(i<iMaxLength)...{   
  oPopBody.bgColor=colorArr[i++];   
  timer=setTimeout(chgBgcolor,100);   
  }   
  else...{   
  clearTimeout(timer);   
  i=0;   
  }   
  }   
  function   cancelEvent()...{   
  return   false;   
  }   
  function   hidePopup()...{   
  oPopup.hide();   
  }   
  //-->   
  </script>   
  <input   type="button"   onclick="showPopup()"   value="操作有误">

 

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

 

 <script   language="JavaScript">...   
  <!--   
  var   oPopup=window.createPopup();   
  var   oPopBody=oPopup.document.body;   
  var   colorArr=["#F7F7F7","#E7E7E7","#D7D7D7","#D4D4D4","#BCBCBC","#ACACAC"];   
  var   i=0;   
  var   iMaxLength=6;   
  var   timer=null;   
  function   showPopup()...{   
  var   oBody=document.body;   
  oPopBody.attachEvent("oncontextmenu",cancelEvent);   
  oPopBody.bgColor="#FFFFFF";   
  var   strHTML=""   
  strHTML+='<center><div   align="center"   style="border:solid   2px   #00FFFF;valign:middle;   width:400;   height:200">请您选中要操作的信件!<input   type="button"   value="确定"   onclick="parent.hidePopup()"></div></center>';   
  oPopBody.innerHTML=strHTML;   
  oPopup.show(0,0,oBody.clientWidth,oBody.clientHeight,document.body);   
  chgBgcolor();   
  }   
  function   chgBgcolor()...<sp>
分享到：
| javascript实现下拉列表框显示（输入拼音头 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics