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

跟我做背景变暗，弹出提示层的功能,而且增加了对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()...{   
  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="操作有误">

 

 

 

时间： 2024-09-07 11:39:22

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

Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例_jquery

如下所示: 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head>    <title>Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例</title>    <meta http-equiv=

uploadify插件实现在弹出对话框中，在IE中测试一直报“对象不支持此属性和方法”，但是在火狐和遨游却可以完成实现，未报错。

问题描述 uploadify插件实现在弹出对话框中,在IE中测试一直报"对象不支持此属性和方法",但是在火狐和遨游却可以完成实现,未报错. 解决方案 解决方案二:<tr><tdclass="evenlabel"width="15%"height="25px;"><labelfor="name">选择要上传的文件</label></td><td

用什么技术可以实现跟qq似的右下角弹出提示框的功能？怎么实现呢？我用ssh框架。

问题描述 我在项目中要实现一个定时提醒的功能,就是每隔一段指定时间在屏幕右下角弹出提示框,提醒用户的待办任务,我用ssh框架,应该怎么实现呢? 解决方案 引用一个定时提醒的功能,就是每隔一段指定时间在屏幕右下角弹出提示框我们项目有类似功能 用的 js timeout 实现的!大概思路是 timeout 定时刷 服务器某个 action 判断时间或者条件 返回不同的值!或者你们也可以尝试先 长连接什么的 不过我感觉没必要吧!解决方案二:框架只是一种便利的规范我觉得用什么做都行啊...

怎么设置EXT4 GRID鼠标悬停在列上，弹出提示层显示列内的内容？

问题描述 RT,哪一个知道,找了好久了没搞定!--------------------------------------------鼠标放到某一行只能提示固定列,方法如下:listeners: { render: function(g) { //g.on("itemmouseenter", function(grid, row, col) { g.on("itemmouseenter", function(view,record,mode,index,e) { g

两款漂亮js 弹出提示层代码

function fromid(id) { return document.getelementbyid(id); } function show_alert(msg, type, time) { var layer_obj = fromid("alert_layer"); var layer_text= fromid("alert_text"); var line_height = (document.documentelement.scrolltop == 0)

js实现仿网易点击弹出提示同时背景变暗效果_javascript技巧

本文实例讲述了js实现仿网易点击弹出提示同时背景变暗效果.分享给大家供大家参考.具体如下: 这里仿网易点击弹出提示,背景变暗提示层效果,圆角,美观简洁,代码稍嫌多. 运行效果如下图所示: 在线演示地址如下: http://demo.jb51.net/js/2015/js-sina-dialog-bgcolor-codes/ 具体代码如下: <html> <head> <title>点击弹出提示,背景变暗</title> <script> func

Win7系统UAC弹出提示时桌面屏幕变暗的解决方法

Win7系统UAC弹出提示时桌面屏幕变暗的解决方法:微软在win7系统中引入了UAC安全控制系统,它很大程度上提高了系统的安全性,当然这也体现了windows7系统的强大,但是有得必有失,比如有些用户就犯晕说UAC弹出提示很烦人,每次UAC提示弹出时,就会进入安全桌屏幕转暗,不能进行任何程序操作,下面小编就为大家介绍一下如何设置Win7系统UAC弹出时不黑屏. 操作方法: 1.首先进入win7系统"控制面板→用户账户和家庭安全→用户账户→更改用户账户控制设置"; 2.Win7系统默认是

iteminserting-detailsview insert 检查出未输入textbox时 如何弹出提示讯息加遮罩层?

问题描述 detailsview insert 检查出未输入textbox时 如何弹出提示讯息加遮罩层? 两个东西, detailsview里输入资料, 存进gridview里, 资料来源是用access资料表 , 其中gridview有加上updatepanel , detailsview已经转成样板.. 目前后端代码是这样 protected void DetailsView1_ItemInserting(object sender, DetailsViewInsertEventArgs e

点击弹出窗口层，并且背景变暗渐变

<!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" lang="zh-CN"> <head><!-- meta