创建层

最新推荐文章于 2022-11-16 16:30:29 发布

shenyuer

最新推荐文章于 2022-11-16 16:30:29 发布

阅读量107

点赞数

文章标签： JavaScript Microsoft HTML ViewUI



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>testfunc.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript">
function createDiv(){ 
var msgObj=document.createElement("div") 
msgObj.setAttribute("id","msgDiv"); 
msgObj.setAttribute("align","center"); 
msgObj.style.background="white"; 
msgObj.style.border="1px solid #0000FF"; 
msgObj.style.position = "absolute"; 
msgObj.style.left = "55%"; 
msgObj.style.top = "50%"; 
msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif"; 
msgObj.style.marginLeft = "-225px" ; 
msgObj.style.marginTop = -75+document.documentElement.scrollTop+"px"; 
msgObj.style.width = 300 + "px"; 
msgObj.style.height =120 + "px"; 
msgObj.style.textAlign = "center"; 
msgObj.style.lineHeight ="25px"; 
msgObj.style.visibility = 'visible'; 
msgObj.style.zIndex = "10001"; 
var title=document.createElement("h4"); 
title.setAttribute("id","msgTitle"); 
title.setAttribute("align","left"); 
title.style.margin="0"; 
title.style.padding="3px"; 
title.style.background="#0000FF"; 
title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);"; 
title.style.opacity="0.75"; 
title.style.border="1px solid #0000FF"; 
title.style.height="15px"; 
title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif"; 
title.style.color="white"; 
title.style.cursor="pointer"; 
title.innerHTML="信息提示"; 
document.body.appendChild(msgObj); 
document.getElementById("msgDiv").appendChild(title); 
var txt=document.createElement("p"); 
txt.style.margin="1em 0" 
txt.setAttribute("id","msgTxt"); 
var str = "确定删除？"; 
txt.innerHTML=str; 
document.getElementById("msgDiv").appendChild(txt); 
var txt1=document.createElement("p"); 
txt1.style.margin="1em 0" 
txt1.setAttribute("id","ggg"); 
var func =  "onclick=javascript:alert('关闭') ";
var func1 = "onclick= funclos()";
var str = "<input type='button' value='确定'"+func1+" /> " 
txt1.innerHTML=str; 
document.getElementById("msgDiv").appendChild(txt1); 
} 


function funclos(){
document.getElementById('msgDiv').style.visibility='hidden';//visible
}

</script>
  </head>

  <body>
   <input type="button" value="aaa" onclick="createDiv()">
  </body>
</html>