js簡單實作刪除記錄時的提示效果_javascript技巧

$(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 sclT = objW.scrollTop();
var curW = objC.widwid ();
var curH =
//計算對話框居中時的左距
var left = sclL (brsW - curW) /
//計算對話框距中時的上邊>var top = sclT (brsH - curH) /
//在頁面中的位置設定對話框
objC.css({ "left": left, "top": top });


$(window).resize( function() {//頁面視窗大小改變事件
if (!$(".dialog").is(":visible")) {
return ;
}
showDialog(); //設定提示對話框的Top與Left
}); $(".dialog").hide();
$(".mask") .hide()


$("#Button3"); (function() {//註冊取消按鈕點擊事件
$(".dialog").hide();
$(".mask").hide();
})


$("#Button2").click(function() {//註冊確定按鈕點擊事件
$(".dialog").hide();
$(".mask").hide();
if ($("input:checked").length != 0) {//如果選擇了刪除行
$(".divShow ").remove(); //刪除某行資料
}
})
})
;


html




複製代碼


代碼如下：