javascript:拖动div

你可以阅读 Generic Drag 文章。它与“纯”javascript一起工作。

但是,我仍然推荐jquery ui,因为它功能更丰富,而且可能是跨浏览器的。

在jquery用户界面中,这是 easily 使用$('divid').draggable()完成

我建议使用 jquery ui-draggable 为此:

<div id="draggableDiv">
content here
</div>

javascript

$(document).ready(function(){
    $("#draggableDiv").draggable();
  });

不要忘记包括:

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>

请参阅此处的工作示例>> http://jsbin.com/ocugo

对于纯JavaScript解决方案(没有任何框架),这里有一个很好的教程: http://blogs.oracle.com/ahot/entry/javascript_how_to_make_draggable