创建拖放div布局

时间:2013-08-09 09:22:50

标签: javascript jquery html drag-and-drop

我想创建一种iGoogle布局,您可以在其中拖放不同位置的不同小部件。我只能使用javascript或jquery。我想知道如何去做。基本上如何启动和实现这种结构。

P.S。:我无法使用任何具体的框架来完成这项工作。我必须自己创建它。

2 个答案:

答案 0 :(得分:2)

您还可以使用draggable和droppable jquery插件。见这里的例子

http://jqueryui.com/droppable/#revert

<强>更新

您必须编写自己的可拖动功能。诀窍是你听onmousedown事件,然后在当前的x,y位置重绘元素。

看看这个example

注意:如果您想学习,请不要复制粘贴示例。尝试理解然后自己​​实施!

答案 1 :(得分:0)

查看jQuery UI可排序交互功能,应该给你一个很好的起点。

http://jqueryui.com/sortable/#display-grid