jquery实现弹窗功能（窗口居中显示)

效果图：

代码如下：

！DOCTYPE HTMl HTMl heart heta http-equiv=' Content-TYPe ' Content=' text/HTMl；charset=utf-8' /title弹出确认框始终位于窗口的中间位置的测试/titlestyle type='text/css ' .掩模{位置：固定；top : 0；左： 0；宽度： 100%;高度： 100%;背景技术： # 000;opa city 3360 0.5 filter : alpha(不透明度=50);显示器：无；z指数： 99；}.混乱{位置：绝对值；显示器：无；宽度： 250像素；高度： 100像素；border: 1px固体# ccc背景# ececec文本对齐：中心；z指数： 101；}/style脚本类型=' text/JavaScript ' src=' http : jquery-1。7 .1 .量滴js '/script脚本类型=' text/JavaScript ' $(文档)。ready(function() {$(')).BTN ' .单击(函数(){$(').面具')。CSS({ ' display ' : ' block ' })；居中($(')。狼狈');支票($(这个)。parent()，$(。BTN 1’，$(。BTN 2 '；});//居中函数中心{var screenWidth=$(window).宽度();screenHeight=$(窗口)。高度();//当前浏览器窗口的宽高var scrolltop=$(文档)。滚动顶部()；//获取当前窗口距离页面顶部高度var objLeft=(screenWidth-obj。width())/2；var objTop=(screenHeight-obj。高度())/2滚动顶部；obj.css({left: objLeft 'px '，top: objTop 'px '，' display ' : ' block ' })；//浏览器窗口大小改变时$(窗口)。调整大小(函数(){ screenWidth=$(window)).宽度();screenHeight=$(窗口)。高度();scrolltop=$(文档)。滚动顶部()；objLeft=(screenWidth-obj。width())/2；objTop=(screenHeight-obj。高度())/2滚动顶部；obj.css({left: objLeft 'px '，top: objTop 'px '，' display ' : ' block ' })；});//浏览器有滚动条时的操作、美元（窗口)。滚动（函数(){screenWidth=$(window)).宽度();screenHeight=$(寡妇)。高度();scrolltop=$(文档)。滚动顶部()；objLeft=(screenWidth-obj。width())/2；objTop=(screenHeight-obj。高度())/2滚动顶部；obj.css({left: objLeft 'px '，top: objTop 'px '，' display ' : ' block ' })；});}//确定取消的操作功能检查(obj，obj1，obj 2){ obj 1。单击(function(){ obj。移除()；已关闭($(')。掩码'),$('。狼狈');});obj2.click(function() {closed($(')).掩码'),$('。狼狈');}) ;}//隐藏的操作功能关闭(obj1，obj 2){ obj 1。hide()；obj 2。hide()；}});/script/head dyinput type=' button ' class=' BTN ' value=' BTN '/div弹出确认框始终位于窗口的中间位置的测试/div class=' mask '/div div class=' mess ' p确定要删除吗？/ppinput type='button' value='确定class=' BTN 1 '/输入类型='按钮'值='取消=' BTN 2 '/p/div/body/html以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持我们！