自定义弹窗实现-优快云博客

本文链接：https://blog.youkuaiyun.com/cdefu/article/details/3549848

<!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;}
    </style>

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="<iframe id=/"frmsub/" src=/"default.aspx/" frameborder=/"0/" scrolling=/"no/" ></iframe>";
     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 <= 400)
{
  divopen.style.width=divopen.offsetWidth + 5 + "px";
}
if ( divopen.offsetHeight <= 300 && divopen.offsetWidth > 400)
{
  divopen.style.height=divopen.offsetHeight + 1 + "px";
}

     act=setTimeout("OpenDiv()", 20);
if(divopen.offsetHeight > 300 && divopen.offsetWidth > 400)
{
     clearTimeout(act);
}
}

</script>

</head>
<body>

<input type="button" value="弹出" onclick="CreteDiv(event);" />
<div id="SpIDs">
</div>
<input type="button" id="btnValue" value="submit" />
<input type="text" id="tbxname" />