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

时间:2010-11-10 21:33:45

标签: jquery css

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

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

3 个答案:

答案 0 :(得分:23)

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

答案 1 :(得分:8)

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

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

答案 2 :(得分:5)

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

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