jQuery の div のドラッグ、div の移動、ポップアップ レイヤーの実装原則と example_jquery

🎜>



🎜>jQuery(document).ready (
function () {
$('#banner').mousedown(
function (event) {
var isMove = true;
var abs_x = イベント.ページX - $(' div.moveBar').offset().left;
var abs_y = イベント.pageY - $('div.moveBar').offset().top; document).mousemove(function (event ) {
if (isMove) {
var obj = $('div.moveBar');
obj.css({'left':event.pageX - abs_x , 'top':event.pageY - abs_y});
}
}
).mouseup(
function () {
isMove = false;
}
) ;
}
);



実際にはコードはそれほど多くありません はい、ふふ。重要な点は、移動する必要がある div の位置が絶対に配置されてから、マウス イベントが検出されることです。おいおい。