jquery删除数据记录时的弹出提示效果

提示效果如图：(删除提示框一直居中显示)9500.163.com

复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML '标题删除记录时的提示效果/title style type=' text/CSS ' body { font-size :13 px；} .div show {行高：32 px高度：32px宽度宽度：280像素背景色： # eee填充-左侧：10 px} .div show span { padding-left :50 px；} .对话框{ width :360 pxborder : solid 5px # 666位置：绝对；display:nonez索引：101;} .对话标题{底色： # fbaf 15padd :10 pxcolor : # ffffont-weight : bold；} .对话标题img { float:right}。对话。内容{背景-color : # fff；padding:25px高度：60 px} .对话。内容img { float:left}。对话。内容跨度{ float : leftadd-top :10 px；填充-左侧：10 px} .对话。底部{ text-align : rightpadding:10px 10px 10px 0px背景色： # eee} .遮罩{宽度：100%；高度：100%;背景色： # 000;位置：绝对；top :0 pxleft :0 pxfilter : alpha(不透明度=30);z指数：100;display:none}。BTN { border : solid 1px # 666 padd :2 px宽度：65 pxfilter:progid .dximagettransform。微软。渐变(GradientType=0，StartColorStr=#ffffff，EndColorStr=# ece9d 8)；}/style script src=' http : script/jquery-1。4 .1-vsdoc。js ' type=' text/JavaScript '/script script src=' http : script/jquery-1。4 .1 .js ' type=' text/JavaScript '/script script type=' text/JavaScript ' $(function(){ $(' # button 1 ')).单击(函数(){ //注册删除按钮点击事件$('.面具')。show()；//显示背景色showDialog()；//设置提示对话框的顶端与左$(' .对话框')。show()；//显示提示对话框});/*根据当前页面与滚动条位置，设置提示对话框的顶端与left */function showDialog(){ var objW=$(window)；//当前窗口var objC=$(' .对话框');//对话框var brsW=Objw。宽度()；var brsH=Objw。高度()；var SCll=Objw。scrolleft()；var SClt=Objw。scroll top()；var cruW=Objc。宽度()；var CRuh=Objc。高度()；var left=SCll(BRsw-CRuW)/2；//计算对话框居中时的左边距var top=SCLt(BRSh-CRuh)/2；//计算对话框居中时上边距objC.css({ 'left': left，' top ' : top })；//设置对话框在页面中的位置} $(窗口)。调整大小（函数(){ //页面窗口大小改变事件if(！$('.对话框')。是(' :可见'){ return} showDialog()；//设置提示对话框的顶端与左});$('.标题img ').单击(函数(){ //注册关闭图片点击事件$('.对话框')。hide()；$('.面具')。hide()；});$('#Button3 ').单击(函数(){ //注册取消按钮点击事件$('.对话框')。hide()；$('.面具')。hide()；});$('#Button2 ').单击(函数(){ //注册确定按钮点击事件$('.对话框')。hide()；$('.面具')。hide()；if($(“输入3360已选中”).长度！=0) { //如果选择了删除行$('.divShow ').移除();//删除某行数据} });});/script/head body div class=' div show '输入类型=' Checkbox ' id=' Checkbox '/a href=' # '这是一条可以删除的记录/a span输入类型=' button ' id=' button 1 ' class=' BTN ' value='删除/input type='button' value='对比//span/div class=' mask '/div div class=' dialog ' div class=' title ' img src=' http : IMages/close。gif ' alt='点击可以关闭' /删除时提示/div class=' content ' img src=' http : IMages/delete。jpg ' alt=' '/span您真的要删除该记录吗？/span/div class=' bottom '输入类型='button' id='Button2 '值='确定class=' BTN '/输入类型=' button ' id=' button 3 '值='取消class=' BTN '/div/div/body/html