php删除记录前的判断弹窗,JavaScript_jquery删除数据记录时的弹出提示效果，提示效果如图：（删除提示框 - phpStudy...

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

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

删除记录时的提示效果

body{ font-size:13px;}

.divShow{ line-height:32px; height:32px; width:280px; background-color:#eee; padding-left:10px;}

.divShow span{ padding-left:50px;}

.dialog{ width:360px; border:solid 5px #666; position:absolute; display:none; z-index:101;}

.dialog .title{ background-color:#fbaf15; padding:10px; color:#fff; font-weight:bold;}

.dialog .title img{ float:right;}

.dialog .content{ background-color:#fff; padding:25px; height:60px;}

.dialog .content img{ float:left;}

.dialog .content span{ float:left; padding-top:10px; padding-left:10px;}

.dialog .bottom{ text-align: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); z-index:100; display:none;}

.btn{ border:solid 1px #666; padding:2px; width:65px; filter:progid.DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,

EndColorStr=#ECE9D8);}

$(function () {

$("#Button1").click(function () { //注册删除按钮点击事件

$(".mask").show(); //显示背景色

showDialog(); //设置提示对话框的Top与Left

$(".dialog").show(); //显示提示对话框

});

/*根据当前页面与滚动条位置，设置提示对话框的Top与Left*/

function showDialog() {

var objW = $(window); //当前窗口

var objC = $(".dialog"); //对话框

var brsW = objW.width();

var brsH = objW.height();

var sclL = objW.scrollLeft();

var sclT = objW.scrollTop();

var cruW = objC.width();

var cruH = objC.height();

var left = sclL + (brsW - cruW) / 2; //计算对话框居中时的左边距

var top = sclT + (brsH - cruH) / 2; //计算对话框居中时上边距

objC.css({ "left": left, "top": top }); //设置对话框在页面中的位置

}

$(window).resize(function () { //页面窗口大小改变事件

if (!$(".dialog").is(":visible")) {

return;

}

showDialog(); //设置提示对话框的Top与Left

});

$(".title img").click(function () { //注册关闭图片点击事件

$(".dialog").hide();

$(".mask").hide();

});

$("#Button3").click(function () { //注册取消按钮点击事件

$(".dialog").hide();

$(".mask").hide();

});

$("#Button2").click(function () { //注册确定按钮点击事件

$(".dialog").hide();

$(".mask").hide();

if ($("input:checked").length != 0) { //如果选择了删除行

$(".divShow").remove(); //删除某行数据

}

});

});

这是一条可以删除的记录

删除时提示

您真的要删除该记录吗？

相关阅读:

使用pthreads实现真正的PHP多线程(需PHP5.3以上版本)

java编写Http服务器下载工具

C#中线程同步对象的方法分析

Mac OS下配置PHP＋MySql环境

CSS background属性(背景属性)详解

Win10 Mobile正式版推送 升级版本号为10.0.10586.107

XP系统电脑蓝屏提示Ati2dvag错误解决方法

C# 获取汉字的拼音首字母

Asp.net程序优化js、css实现合并与压缩的方法

JavaScript实现文字跟随鼠标特效

PHP中session跨子域的三种实现方法

C#中多态现象和多态的实现方法

jQuery+JSON实现AJAX二级联动实例分析

Ubuntu15下mysql5.6.25不支持中文的解决办法