设为首页 加入收藏

TOP

jQuery删除数据时的提示效果
2014-11-24 12:49:15 来源: 作者: 【 】 浏览:0
Tags:jQuery 删除 数据时 提示 效果

jQuery删除数据时的提示效果:






删除记录时的提示效果

<script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/java script">
<script src="Scripts/jquery-1.4.1.js" type="text/java script">
<script type="text/java script">
$(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(); //删除某行数据
}
});
});







点击可以关闭删除时提示



您真的要删除该记录吗?


  





】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
分享到: 
上一篇jQuery导航条在项目中的应用 下一篇Android开发教程:Android条码扫..

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容:

·常用meta整理 | 菜鸟 (2025-12-25 01:21:52)
·SQL HAVING 子句:深 (2025-12-25 01:21:47)
·SQL CREATE INDEX 语 (2025-12-25 01:21:45)
·Shell 传递参数 (2025-12-25 00:50:45)
·Linux echo 命令 - (2025-12-25 00:50:43)