JS实现可自定义大小,可双击关闭的弹出层效果

本文实例讲述了射流研究…实现可自定义大小，可双击关闭的弹出层效果。分享给大家供大家参考。具体如下：

这是一款射流研究…弹出层，可自定义大小，双击关闭层，可以弹出500,300、500,500大小的窗口，窗口弹出后，在弹出窗口内双击即可关闭鼠标。我觉得挺不错的效果，可以学习到不少的射流研究…知识。

运行效果截图如下：

在线演示地址如下：

http://演示。JB 51。net/js/2015/js-define-close-able-alert-DLG-demo/

具体代码如下：

！DOCTYPE htmlhtmlheadtitleJS弹出层/title样式正文{边距：0 px } # Loading {位置：绝对值；z索引：10;left :10 pxtop :10 pxborder :1 px # 66666固体；背景技术# eeeeee宽度：10 px高度：10 px }/样式脚本LANguage=' JAVAScript '！-function $(){返回文档。getelementbyid？document.getElementById(参数[0]):eval(参数[0]);} var OverH，OfH，ChangeDesc，ChangeH=50，ChangeW=50函数OpenDiv(_Dw，_Dh，_Desc) {$('Loading ').innerHTML=OverH=_ dhOverH=_ DwChangeDesc=_ desc；$("正在加载").style . display=if(_ Dw _ Dh){ ChangeH=math。ceil((_ Dh-10)/((_ Dw-10)/50))} else if(_ Dw _ Dh){ changeW=math。ceil((_ Dw-10)/(_ Dh-10)/50))} $(“加载”)。风格。top=(文档。文档元素。客户端高度-10)/2 ' px '；$(“装载”)。风格。左=(文档。文档元素。客户端宽度-10)/2 " px "；OpenNow()}var Nw=10，Nh=10函数OpenNow(){ if(NwOverW-ChangeW)ChangeW=2；如果(NH Hover-ChangeH)ChangeH=2；Nw=Nw change Wnh=Nh change HIF(overw | | overh){ if(overw){ $(' Loading ')。风格。宽度=Nw ' px$(“装载”)。风格。左=(文档。文档元素。客户端宽度-Nw)/2 " px "；} if(OverH){ $(“正在加载”)。风格。高度=Nh ' px$(“加载”)。风格。top=(文档。文档元素。客户端高度-Nh)/2 ' px ' }窗口。settimeout(' OpenNow()'，10)} else { Nw=10；Nh=10ChangeH=50ChangeW=50$("加载")。innerHTML=ChangeDesc } }/////script/head dya href=' JavaScript : OpenDiv(500，300，'层1br双击关闭')'层1 500 * 300/ABR bra href=' JavaScript : OpenDiv(500，200 ' '层2br双击关闭')'层2 500 * 200/ABR bra href=' JavaScript : OpenDiv(200，500 ' '层3br双击关闭')'层3 200 * 500/ABR bra href=' JavaScript : OpenDiv(500，500 ' '层4br双击关闭')'层4 500 * 500/aa href=' JavaScript : OpenDiv(500，500 ' '层5br双击关闭')'层5 500 * 500/adiv id=' Loading ' style=' display : none ' on blclick=' this。风格。显示=' none '/div/body/html希望本文所述对大家的Java脚本语言程序设计有所帮助。