> 웹 프론트엔드 > JS 튜토리얼 > Node.js는 records_javascript 기술을 삭제할 때 프롬프트 효과를 단순히 구현합니다.

Node.js는 records_javascript 기술을 삭제할 때 프롬프트 효과를 단순히 구현합니다.

WBOY
풀어 주다: 2016-05-16 17:10:19
원래의
985명이 탐색했습니다.

样式

复system代码 代码如下:



jquery
复代码 代码如下:

< 스크립트 유형="텍스트/자바스크립트">
$(function() {
$("#Button1").click(function() { //注册删除按钮点击事件
$(".mask").show(); //显示背景color
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 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( function() {//页face窗口大小改变事件
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(); //删除某行数据
}
})
})



html


复主代码 代码如下:
< div class="divShow">



点击可以关闭删除时提示


您真的要删除该条记录吗?


  




관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿