首  页  |  酷站  |  精品网站  |  原创作品秀  |  网络学院   |  信息中心  |  艺术设计  |  求职招聘  |  建站资源  |  服装网站  |  论坛  |  设计部落  |  网站综合
个人网页  商业网站  业界动态  设计赛事  网站资源  下载专区  设计欣赏  CG-插画  JS特效  娱乐  国际品牌  知名品牌  服装院校  专题欣赏  SEO  BANNER
域名注册 虚拟主机 广州网站建设 广州网页设计 IDC赞助 设计资源下载 虚拟主机 域名注册 品牌网站建设 服装品牌网站建设 广告服务 网站推广 娱乐
当前位置:首 页 >> JS特效 >> 浏览器窗口 >> 模仿新浪邮箱的alert渐变的提示框

模仿新浪邮箱的alert渐变的提示框


中资源
转载请注明出处-中国设计秀-cnwebshow.com

<pre>
<!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" xml:lang="zh-CN" lang="zh-CN">
 <head>
  <meta name="verify-v1" content="P4T6fFCiPVxqMWZ2eztyXVzMHlnwD0wLQOq6LBHN5Y8=" />
  <title>网页教学网Webjx.Com 提供最新最快的网页技术</title>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  <meta http-equiv="Content-Language" content="gb2312" />
  <style type="text/css">
      *{
          margin:0;padding:0;
      }
  </style>
 </head>
 <body>


 <div class="cecmbody" id="cecmpolicy">
  <div class="leftClass">

<p>测试</p><p>测试</p>
   <p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p>
   <p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p>
<p>测试</p><p>测试</p><p>测试</p><p>测试</p>
      <p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p>
<p>测试</p><p>测试</p><p>测试</p><p>测试</p>
      <p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p>
   <input type="button" value="点击这里" onclick="sAlert('我是一个渐变的sAlert',this);" />
   <p>测试</p><p>测试</p><p>测试</p><p>测试</p>
      <p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p>
<p>测试</p><p>测试</p><p>测试</p><p>测试</p>
      <p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p>
<p>测试</p><p>测试</p><p>测试</p><p>测试</p>
      <p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p>

  </div>
  <div class="rightClass">
  </div>
 </div>
    <script type="text/javascript" language="javascript">

   function sAlert(txt){
 var eSrc=(document.all)?window.event.srcElement:arguments[1];
 var shield = document.createElement("DIV");
 shield.id = "shield";
 shield.style.position = "absolute";
 shield.style.left = "0px";
 shield.style.top = "0px";
 shield.style.width = "100%";
 shield.style.height = document.body.scrollHeight+"px";
 shield.style.background = "#333";
 shield.style.textAlign = "center";
 shield.style.zIndex = "10000";
 shield.style.filter = "alpha(opacity=0)";
 shield.style.opacity = 0;
 var alertFram = document.createElement("DIV");
 alertFram.id="alertFram";
 alertFram.style.position = "absolute";
 alertFram.style.left = "50%";
 alertFram.style.top = "50%";
 alertFram.style.marginLeft = "-225px" ;
 alertFram.style.marginTop = -75+document.documentElement.scrollTop+"px";
 alertFram.style.width = "450px";
 alertFram.style.height = "150px";
 alertFram.style.background = "#ccc";
 alertFram.style.textAlign = "center";
 alertFram.style.lineHeight = "150px";
 alertFram.style.zIndex = "10001";

 strHtml  = "<ul style="list-style:none;margin:0px;padding:0px;width:100%">n";
 strHtml += " <li style="background:#DD828D;text-align:left;padding-left:20px;font-size:14px;font-weight:bold;height:25px;line-height:25px;border:1px solid #F9CADE;">[系统提示]</li>n";
 strHtml += " <li style="background:#fff;text-align:center;font-size:12px;height:120px;line-height:120px;border-left:1px solid #F9CADE;border-right:1px solid #F9CADE;">"+txt+"</li>n";
 strHtml += " <li style="background:#FDEEF4;text-align:center;font-weight:bold;height:25px;line-height:25px; border:1px solid #F9CADE;"><input type="button" value="确 定" id="do_OK" onclick="doOk()" /></li>n";
 strHtml += "</ul>n";
 alertFram.innerHTML = strHtml;
 document.body.appendChild(alertFram);
 document.body.appendChild(shield);
 this.setOpacity = function(obj,opacity){
  if(opacity>=1)opacity=opacity/100;
  try{ obj.style.opacity=opacity; }catch(e){}
  try{
   if(obj.filters.length>0&&obj.filters("alpha")){
    obj.filters("alpha").opacity=opacity*100;
   }else{
    obj.style.filter="alpha(opacity=""+(opacity*100)+"")";
   }
  }catch(e){}
 }
 var c = 0;
 this.doAlpha = function(){
  if (++c > 20){clearInterval(ad);return 0;}
  setOpacity(shield,c);
 }
 var ad = setInterval("doAlpha()",1);
 this.doOk = function(){
  //alertFram.style.display = "none";
  //shield.style.display = "none";
  document.body.removeChild(alertFram);
  document.body.removeChild(shield);
  eSrc.focus();
  document.body.onselectstart = function(){return true;}
  document.body.oncontextmenu = function(){return true;}
 }
 document.getElementById("do_OK").focus();
 eSrc.blur();
 document.body.onselectstart = function(){return false;}
 document.body.oncontextmenu = function(){return false;}
}
  </script>
 </body>
</html>

<pre>

转载请注明出处-中国设计秀-cnwebshow.com



投稿 】【对本文进行评论】 【字体: 】【发布于2007-06-15 12:17】

相关专题:暂无相关专题

上一篇:弹出网页窗口全攻略(html/hta)   下一篇:页面右下角弹出类似QQ或MSN的消息提示
 认证LOGO下载
     
Copyright © 2005-2007 中国设计秀_网页设计教程_优秀网页设计欣赏_平面设计欣赏 All Right Reserved.
做最专业的设计服务网站,秀出自我,秀出精彩!中国设计秀,秀---无处不在!!
QQ:54292427  8208442 MSN:kingvisual#hotmail.com 交流群:9107036 3848215 8850631
粤ICP备05067046号 RSS