时间:2021-05-25
复制代码 代码如下:
<!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'style='z-index:1;background-color:white;position:absolute;border:2pxsolidslategray;left:"+this.vleft+"px;top:"+this.vtop+"px;width:"+this.width+"px;'>";
str+="<divstyle='padding-bottom:2px;background-color:slategray;width:100%;height:16px;color:white;'>";
str+="<divstyle='float:left;height:16px;overflow:hidden;margin:0px;padding:4px0px0px5px;width:"+(parseInt(this.width)-24*2-5)+"px;'>"+this.title+"</div>";
str+="<spanstyle='width:14px;font-family:webdings;cursor:hand;'>0</span>";
str+="<spanstyle='width:14px;font-family:webdings;cursor:hand;'onclick='cmsgbox.closediv(this);'>r</span>";
str+="</div>";
str+="<divstyle='margin:10px5px10px10px;word-break:break-all;'>";
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>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了JS实现可拖曳、可关闭的弹窗效果。分享给大家供大家参考。具体如下:运行该实例,点击文字,弹出一个窗口,其实是一个弹出层,这个弹出层可以随鼠标拖曳,
最近在研究弹出层插件时发现网上很多插件功能很强大,同时插件也很庞大。在这里个人写了一个比较秀珍的弹出层插件。jquery.popdialog.js$(funct
1.首先写一个遮罩层div,然后再写一个弹窗的div提示js弹窗js弹出DIV,并使整个页面背景变暗确定js代码:(把jq引进来)//弹窗functionsho
如题,本文将使用纯粹的脚本JavaScript实现渐变的弹出层,其想法也非常简单:利用IFrame实现遮盖,再借助一个DIV用于展现弹出层的内容,最后再使用其内
没什么好说的,都是js,用一个iframe将页面遮挡,iframe上面一个div层,js面向对象做的,其中有部分是js动态生成style。ModeWindow.