如何在网站上实现"拖放"用户界面?

Nik*_*eni 4 html javascript design-patterns drag-and-drop

我想知道实现某种"拖放"用户界面的最佳方法是什么?

我的意思是,将有一个主页面和每个链接点击(例如,其他部分,如约,画廊,联系表单)将在该主页面上打开一个新的拖放元素.像Windows桌面,你可以在屏幕上移动应用程序窗口.

单击链接时,最好使用AJAX调用不同的函数吗?像"gallery"链接会调用gallery-function并使用AJAX调用检索该"窗口"的动态生成内容,然后只在某些div上加载那些东西?或者其他类型的方法会更适合这个吗?

我希望我能够清楚地解释清楚这一点.我正在寻找一个适当的"设计模式"来实现这一点.所有的建议都很好!:)

Ari*_*tos 5

我首先建议使用jQuery来创建你的拖放
http://jqueryui.com/demos/draggable/

我相信你可以找到很多jQuery的拖放示例

我在使用雅虎javascript库拖放之前 - 学习jQuery之前.以下是雅虎的一些例子. http://developer.yahoo.com/yui/examples/dragdrop/dd-basic.html

希望这有助于开始.

在互联网上也有现成的几乎完整的系统ui.这是一个http://www.smartclient.com/,但还有更多....

https://github.com/mui/mochaui
http://www.extjs.com/

这也是一个可以为您提供想法的问题什么是JavaScript的非常高级的UI框架?