如何在JS中製作可移動的表單？

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，一個jQuery組件，用於完全自定義和特色的容器佈局（DIV盒子模型） - 會讓你做到這一點（幾乎沒有工作在你的末端） http://pupunzi.com/（這是例子鏈接）

顯然，如果你想學習如何手動編寫腳本，請告訴我。