创建像pageflakes这样的东西

有没有人知道一个教程,让你为你的网站创建像pageflakes.com这样的东西? 或许在jquery?

PageFlakes的创建者Omar al Zabir创建了一个名为DropThings的开源门户网站。 无法与PageFlakes相提并论!

您可以使用jQuery中的UI库,您可以在其中找到带有网格的可拖动元素 。 除此之外,您只需要设置和读取一些确定每个盒子位置的cookie。 假设你的布局有4个

s。 只需将每个id和位置保存在cookie中(从javascript或通过执行AJAX请求到php / asp页面)。

显示页面也很简单,你必须有两种可能:当用户定义了cookie时,否则(这将是默认值)。 如果用户定义了一个cookie,那么读取它并按照cookie说的那样定位

,这样做应该不会太难。

关于CodeProject的这篇文章有一个很好的教程,介绍如何构建几乎完全正如你所追求的,除了它使用ASP.Net Ajax。 你可以轻松地用jQuery代替它。

.nettuts有一个例子都是在jquery和jquery ui中完成的。 这是链接:

http://net.tutsplus.com/tutorials/javascript-ajax/inettuts/

通过非常好的细节来完成所有这些。 它不是pageflakes的直接副本,这是一个留给读者的练习,但它确实显示了如何开始。

HTH!

查看ExtJS的面板。 它们是用来构建这种页面样式的东西: http : //extjs.com/deploy/dev/examples/portal/portal.html