首頁  >  文章  >  php教程  >  自定义弹出对话框

自定义弹出对话框

WBOY
WBOY原創
2016-06-06 20:01:031149瀏覽

!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 自定义弹出对话框 /title style type="text/css" *{margin:0;padding:0




    <span>自定义弹出对话框</span>
   

   

 if ( !document.getElementById("SpID"))
 {
     divSp.setAttribute("id", "SpID");
     divSp.style.position="absolute";
     divSp.style.padding="10px";
     divSp.style.width="10px";
     divSp.style.height="10px";
     divSp.style.zIndex="5000";
     divSp.style.top=evnt.clientY+document.body.scrollTop+document.documentElement.scrollTop+"px";
     divSp.style.left=evnt.clientX+document.body.scrollLeft+document.documentElement.scrollLeft+"px";
     divSp.style.border="1px dotted #576999";
     divSp.style.backgroundColor="#E4E7EF";
     divSp.innerHTML="";
     document.body.appendChild(divSp);
     OpenDiv();
 }
 if ( !document.getElementById("SubInfo"))
 {
     btnSub.setAttribute("id", "SubInfo");
     btnSub.type="button";
     btnSub.style.width="50px";
     btnSub.style.position="absolute";
     btnSub.style.top="80%";
     btnSub.style.left="50%";
     btnSub.value="提交";
     btnSub.onclick=function(){
  //document.getElementById("SpIDs").innerHTML=document.getElementById("music").value;
  //CloseDiv();
  document.body.removeChild(divSp);
     };
     document.getElementById("SpID").appendChild(btnSub);
 } 
    }
 function OpenDiv()
 {
 var divopen = document.getElementById("SpID");
  
 if ( divopen.offsetWidth  {
  divopen.style.width=divopen.offsetWidth + 5 + "px";  
 } 
 if ( divopen.offsetHeight 400)
 {
  divopen.style.height=divopen.offsetHeight + 1 + "px";
 }
   
     act=setTimeout("OpenDiv()", 20);
 if(divopen.offsetHeight > 300 && divopen.offsetWidth > 400)
 {
     clearTimeout(act);
 }
 }

 function CloseDiv()
 {
 var divopen = document.getElementById("SpID");
 if ( divopen.offsetWidth >= 0 )
 {
     //divopen.style.width=5 - divopen.offsetWidth + "px";
 } 
 if ( divopen.offsetHeight >= 0 )
 {
     divopen.style.height=divopen.offsetHeight - 2 + "px";
 }
     setTimeout("OpenDiv()", 2);
 }

   



  
 
 

 

 
 

 <script><br /> alert(document.getElementById("btnValue").offsetWidth);<br /> </script>

 窗口
   

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn