如何在JS中制作Movable表单？

Question

好的，在meebo.com上有即时消息，当你点击顶部时你可以四处走动我想做出类似的东西吗？ 那么如何在JS中制作Movable表单？

Answer 1

我推荐名为Draggable的jQuery UI插件。

Answer 2

首先需要创建“表单”。您的表单很可能是div（背景为纯色或图像）。在div中，您拥有所有“形式”内容。 div也需要绝对定位（即style =“position：absolute”）

javascript非常简单;但是，我个人会使用类似jquery的东西来完成这项工作。我不确定你对javascript有多熟悉，但即使对于高级用户，使用像jquery这样的东西也是有道理的。有一个包含大量已经建成的表格的库，以及如何使用它们的很好的说明。如果您需要有关如何使用像jquery这样的库的更多信息，请告诉我（你可以在这里找到它：

http://jquery.com/

您可以在此处查看所有插件： http://plugins.jquery.com/（看看'窗户和叠加' - 很多！）

点击一个看起来很有趣的，然后点击“演示”，看看你是否喜欢它。例如，第三个链接 - （mb）ConteinersPlus，一个用于完全可自定义和特色容器布局（DIV盒子模型）的jQuery组件 - 可以让你这样做（几乎没有工作在你的最后） http://pupunzi.com/（这是示例链接）

显然，如果你想学习如何手工编写脚本，请告诉我。