[JQ权威指南]第十六天：删除记录时的提示效果

1.当用户单击“删除”按钮时候，整个页面背景类似关机效果，，“删除”提示框突出显示，用户可以选择“关闭”按钮，或单击“确定”或“取消”操作 2.删除提示框一直居中显示，无论页面大小如何变化 3。如果对某条记录打勾，当用户单击提示框中的确定按钮时候，将在页面中删除该记录，同时关闭提示框，页面背景恢复正常。

=>删除记录时的提示效果==”Jscript/jquery-1.4.2.js”>=”text/css”>body{font-size:13px}.divShow{line-height:32px;height:32px;background-color:#eee;width:280px;padding-left:10px}:50px}.dialog{width:360px;border:solid 5px #666;position:absolute;display:none;z-index:101}:#fbaf15;padding:10px;color:#fff;font-weight:bold}:right}:#fff;padding:25px;height:60px}:left}:left;padding-top:10px;padding-left:10px}:right;padding:10px 10px 10px 0px;background-color:#eee}.mask {width:100%;height:100%; background-color:#000;position:absolute;top:0px;left:0px;filter:alpha(opacity=30);display:none;z-index:100}px solid;padding:2px;width:65px;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff, EndColorStr=#ECE9D8);} =”text/javascript”>$(function() {$($(“.mask”).show(); //显示背景色showDialog(); //设置提示对话框的Top与Left$(“.dialog”).show(); //显示提示对话框})/**根据当前页面与滚动条位置，设置提示对话框的Top与Left*/{brsW = objW.width();var brsH = objW.height();var sclL = objW.scrollLeft();var sclT = objW.scrollTop();var curW = objC.width();var curH = objC.height();//计算对话框居中时的左边距var left = sclL + (brsW – curW) / 2;//计算对话框居中时的上边距var top = sclT + (brsH – curH) / 2;//设置对话框在页面中的位置objC.css({ “left”: left, “top”: top });}$(window).resize((!$(“.dialog”).is(“:visible”)) {return;}showDialog(); //设置提示对话框的Top与Left});$($(“.dialog”).hide();$(“.mask”).hide();})$($(“.dialog”).hide();$(“.mask”).hide();})$($(“.dialog”).hide();$(“.mask”).hide();if ($(“input:checked”).length != 0) {//如果选择了删除行$(“.divShow”).remove(); //删除某行数据}})})>====>====”Images/close.gif” alt=”点击可以关闭” />删除时提示==>您真的要删除该条记录吗？===”确定” class=”btn”/>&nbsp;&nbsp;==></body></html>

当你感到悲哀痛苦时，最好是去学些什么东西。