jQuery拖动div、移动div、弹出层实现原理及示例_jquery

<script> <BR>jQuery(document).ready( <BR>function () { <BR>$('#banner').mousedown( <BR>function (event) { <BR>var isMove = true; <BR>var abs_x = event.pageX - $('div.moveBar').offset().left; <BR>var abs_y = event.pageY - $('div.moveBar').offset().top; <BR>$(document).mousemove(function (event) { <BR>if (isMove) { <BR>var obj = $('div.moveBar'); <BR>obj.css({'left':event.pageX - abs_x, 'top':event.pageY - abs_y}); <BR>} <BR>} <BR>).mouseup( <BR>function () { <BR>isMove = false; <BR>} <BR>); <BR>} <BR>); <BR>} <BR>); <BR></script>