如何实现像www.igoogle.com这样的东西？

Question

主要问题是：

他们如何处理两个街区的交集？

修改

Javascript是一回事，另一回事是：

他们如何记住每个街区的位置？

Answer 1

以下是一个解决方案：

Igoogle Interface

Answer 2

我假设当你说“块”时，你会询问该页面上各种小部件的拖放功能。

这是通过Javascript完成的，并且有许多实现用于拖放。 Jquery是一个非常流行的Javascript库，您可以使用Droppable interaction获取JQuery UI。

如果您使用“拖动”和“删除”进行搜索，Google会找到许多其他人。

Answer 3

我曾经使用的一个惊人的解决方案：http://net.tutsplus.com/tutorials/javascript-ajax/inettuts/

Answer 4

有点复杂。你最好使用一个众所周知的JS框架来处理复杂的拖放操作。我最熟悉的是YUI和Ext JS，它们都可以支持创建门户网站样式的页面。我确信Dojo和其他人也一样。即使您想要自己实现它，我仍然会查看这些实现，以获得有关它们如何拖放的指导。

Ext JS也有一个portal layout example，这是这类项目的一个很好的起点。还有一些常规examples高级拖放功能，以及一些可能有帮助的tutorials。同样，我确信其他框架也有类似的资源。警告：如果您不熟悉拖放，那么创建这样的拖放门户页面并不是从头开始深入研究的最简单方法，但它肯定是可行的。

Answer 5

http://www.codeplex.com/dropthings/

和演示：http://dropthings.omaralzabir.com/

Answer 6

http://www.webappers.com/2008/11/19/how-to-create-igoogle-interface-with-jquery/

链接不起作用。请检查。