jQuery实现DIV拖动

///下面是jQuery实现DIV的拖动效果的js代码,只需将#IM_div换成你所需要设置拖动的DIV即可。

$(document).ready(function() {

var move=false;//移动标记
var _x,_y;//鼠标离控件左上角的相对位置
$(“#IM_div”).mousedown(function(e){
move=true;
_x=e.pageX-parseInt($(“#IM_div”).css(“left”));
_y=e.pageY-parseInt($(“#IM_div”).css(“top”)); });
$(document).mousemove(function(e){
if(move){
var x=e.pageX-_x;//控件左上角到屏幕左上角的相对位置
var y=e.pageY-_y;
$(“#IM_div”).css({“top”:y,”left”:x});
}
}).mouseup(function(){
move=false;
});

)}

暂无评论

发表评论