jQuery 实现移动层的移动

/*
	层的移动
	div.wish为要移动的层
*/

$("div.wish").mouseenter(function(){
	$(this).css("cursor","pointer");
});

$("div.wish").mousedown(function(e){
	var offset = $(this).offset();	//获取wish当前坐标
	
	//使当前层在最上面
	$("div.wish").css("z-index",1);
	$(this).css("z-index",1001);
	
	x = e.pageX - offset.left; //获取wish和当前鼠标的相对位置
	y = e.pageY - offset.top;

	$(this).bind("mousemove",function(em){
		//当鼠标移动改变该层的移动
		$(this).css("position","absolute");
		$(this).css("left", em.pageX - x );
		$(this).css("top", em.pageY - y );
	});
});

//当松开鼠标 解绑事件
$("div.wish").mouseup(function(){
	$("div.wish").unbind("mousemove");
})

 

发表评论