如何制作可调整大小的面板？

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插件是你正在寻找的。