如何製作可調整大小的面板？

Question

我需要構建一個看起來像Mac郵件或Outlook收件箱的頁面。其中一個頁面有一個頂部面板和一個底部面板，並且在它們之間有一個可用於重新調整大小的分隔線，以使面板更高或更短。

完成此操作的標準jQuery/CSS技術是什麼？我從來沒有這樣做過，所以我對你的建議或任何你可能遇到過的驚喜感興趣。

Answer 1

jQuery UI將此作爲插件提供。很簡單，它真的很好。我總是使用它。下面是說明的鏈接：

http://docs.jquery.com/UI/Resizable

Answer 2

我相信這樣的事情會滿足您的需求： http://w-shadow.com/blog/2008/10/23/javascript-splitters-and-resizable-panels/

有一些參考的插件，模仿UI。

Answer 3

有幾個jQuery插件可以做到這一點。我認爲這個jQuery Splitter插件是你正在尋找的。