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

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.