zoukankan      html  css  js  c++  java
  • javascript 创建自己的alert

    javascript代码   图片为mid-nei-bg_02.gif 

         function openAlert(str)
             {                     
                 str = "常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义";
                 var imgUrl = "images/mid-nei-bg_02.gif";
                 var divAlert = document.createElement("div");    
                 divAlert.id = "openAlert";       
                 divAlert.style.position="absolute";                      
                 divAlert.style.width="280px";
                 divAlert.style.border="1px #CCCCFF solid";
                 divAlert.style.top="200px";
                 divAlert.style.left="-140px";
                 divAlert.style.marginLeft="50%";
                 divAlert.style.zIndex = "1009";
                 divAlert.style.backgroundColor = "White";
                             
                 divAlert.innerHTML = "<div style=\"font-size:smaller;100%;height:26px;line-height:26px;background:url("+imgUrl+");\">&nbsp;&nbsp;系统提示框</div>";
                 divAlert.innerHTML = divAlert.innerHTML + "<div style=\"40px;float:left;background-color:White;\"><img alt='' src='images/alert.png' border='0'/></div>";
                 divAlert.innerHTML = divAlert.innerHTML + "<div style=\"font-size:smaller;240px;text-align:left;float:left;margin-bottom:10px;background-color:white;\"><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+str+"</div>";            
                 divAlert.innerHTML = divAlert.innerHTML + "<div style=\"100%;text-align:center;margin-bottom:5px;background-color:white;\"><input type='button' value='确定' style=\"background:url("+imgUrl+");border:1px #ccccff solid;40px;height:26px;\" onclick=\"alertOk()\"/></div>";
                             
                 createShade();
                 document.body.appendChild(divAlert);
                 return false;
             }

    function createShade()
             {
                 var zzDiv = document.createElement("div");
                 zzDiv.id = "zzDiv";
                 zzDiv.style.filter='alpha(opacity=10)';
                 zzDiv.style.backgroundColor = "gray";   
                 zzDiv.style.position="absolute";        
                 zzDiv.style.left="0px";
                 zzDiv.style.top = "0px";
                 zzDiv.style.width="100%";
                 zzDiv.style.height="100%";
                 zzDiv.style.zIndex = "1008";
                 zzDiv.style.backgroundColor = "#F3F3F3";
                 zzDiv.innerHTML = "&nbsp;";
                 document.body.appendChild(zzDiv);
             }
             function alertOk()
             {
                removeOpenAlert();
             }
             function removeOpenAlert()
             {
                window.document.body.removeChild(document.getElementById("openAlert"));
                window.document.body.removeChild(document.getElementById("zzDiv"));           
             }

  • 相关阅读:
    PAT (Advanced Level) Practice 1071 Speech Patterns (25分)
    PAT (Advanced Level) Practice 1070 Mooncake (25分)
    PAT (Advanced Level) Practice 1069 The Black Hole of Numbers (20分)
    PAT (Advanced Level) Practice 1074 Reversing Linked List (25分)
    PAT (Advanced Level) Practice 1073 Scientific Notation (20分)
    第一次冲刺个人总结01
    构建之法阅读笔记01
    人月神话阅读笔记01
    四则运算2
    学习进度条(软件工程概论1-8周)
  • 原文地址:https://www.cnblogs.com/ajun/p/2185360.html
Copyright © 2011-2022 走看看