jquery melaksanakan effect_jquery lapisan pop timbul boleh seret

Fungsi ini sangat mudah, tetapi sangat praktikal, dan kodnya lebih ringkas, jadi tidak akan ada banyak perkara karut di sini

Sediakan kod sumber:

Salin kod Kod adalah seperti berikut: http://www.w3.org/1999/xhtml "> * { jidar: 0px; pelapik: 0px; } .dragBox { lebar: 400px; ketinggian: 200px; jawatan: mutlak; atas: 40%; kiri: 40%; latar belakang: #e8e8e8; indeks-z: 8001; } .dragBox > div { ketinggian: 30px; kursor: gerakkan; latar belakang: #00ff21; jawatan: relatif; } .ui-topeng { lebar: 100%; ketinggian: 100%; latar belakang: #000; jawatan: mutlak; atas: 0px; indeks-z: 8000; kelegapan: 0.4; penapis: Alpha(opacity=40); } $(fungsi () { var mouseOffx = 0; var mouseOffy = 0; var isDrag = false; $(".dragBox div:eq(0)").unbind(".klik").on("mousedown", fungsi (ev) { mouseOffx = ev.clientX - $(".dragBox div:eq(0)").offset().left; mouseOffy = ev.clientY - $(".dragBox div:eq(0)").offset().atas; isDrag = benar; }) $(document).unbind(".klik").on("mousemove", fungsi (ev) { var mourseX = ev.clientX, mourseY = ev.clientY; var moveX = 0, moveY = 0; jika (isDrag === benar) { moveX = mourseX - mouseOffx; moveY = mourseY - mouseOffy; var maxX = $(window).outerWidth(false) - $(".dragBox").outerWidth(false); var maxY = $(window).outerHeight(false) - $(".dragBox").outerHeight(false); moveX = Math.min(maxX, Math.max(0, moveX)); moveY = Math.min(maxY, Math.max(0, moveY)); $(".dragBox").css({ "kiri": moveX, "atas": moveY }); } }); $(document).unbind(".click").on("mouseup", function () { isDrag = palsu; }); }); ujian