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

Question

我需要构建一个看起来像Mac Mail或Outlook收件箱的页面。 其中一个页面有一个顶部面板和一个底部面板，中间有一个分隔线，您可以使用它来重新调整大小，使面板更高或更短。

用于实现此目的的标准jQuery / CSS技术是什么？ 我之前从未这样做过，所以我对您的建议或您之前可能遇到的任何惊喜感兴趣。

Answer 1

有一些jQuery插件可以做这样的事情。 我认为这个jQuery Splitter插件是你正在寻找的。

Answer 2

jQuery UI将此作为插件提供。 很简单，它确实很好用。 我总是用它。 以下是指示链接：

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

Answer 3

我相信这样的事情将满足您的需求： http ： //w-shadow.com/blog/2008/10/23/javascript-splitters-and-resizable-panels/

引用的几个插件模仿了UI。