复制代码 代码如下:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>查字典教程网-弹出一个层</title>
<scriptlanguage="javascript">
functioncmsgbox(vtitle,vwidth,vhight,vtop,vleft)
{
this.title=vtitle;
this.width=vwidth;
this.height=vhight;
this.top=vtop;
this.left=vleft;
this.id=0;
}
cmsgbox.prototype.showdiv=function()
{
varstr="";
str+="<divid='div1'+this.vleft+"px;top:"+this.vtop+"px;width:"+this.width+"px;'>";
str+="<div>";
str+="<div+(parseInt(this.width)-24*2-5)+"px;'>"+this.title+"</div>";
str+="<span>0</span>";
str+="<spanonclick='cmsgbox.closediv(this);'>r</span>";
str+="</div>";
str+="<div>";
str+="xxx";
str+="</div>";
str+="</div>";
//document.write(str);
document.body.insertAdjacentHTML("beforeEnd",str);
}
/////////////////////窗口显示//////////////////////////////
functionshow()
{
varbox=newcmsgbox('小家伙呀',400,300);
box.showdiv();
}
</script>
</head>
<style>
body{
font-size:12px;
}
</style>
<body>
<ponclick="show();">弹了一个层</p>
</body>
</html>