今天在JQuery编写的模态窗口上,添加了移动的功能。 是在模态窗口对像上增加鼠标按下,移动,释放等动作。 代码实现如下: var moveFlag = false; $("<div>").mousedown(function(event){ moveFlag = true; var yPos=parseInt($(this).css('top')); var xPos=parseInt($(this).css('left')); var x = event.clientX; var y = event.clientY; $(this).mousemove(function(event){ if(moveFlag==true){ x1 = event.clientX; y1 = event.clientY; var curX = xPos+x1-x; var curY = yPos+y1-y; $(this).css('top',curY+'px').css('left',curX+'px'); } }) }); $("<div>").mouseup(function(event){ moveFlag = false; }); 上面就是该部分代码。 |