DIV CSS 佈局教程網

jQuery UI.Layout Plug-in

jQuery還是蠻夯的家伙。 CSS+DIV時代，要編排個頁框的版面還真不簡單，如果又是對為對於網頁的layout不是很在行的人，非常適合這套jQuery UI.Layout Plug-in。

這個plugin的功能真的還蠻強大的，我覺得其中比較特殊的是下面這幾點：

collapsable：每一個pane都可以收合，而且還可以加上jQuery特效
resizable：每一個pane都可以縮放，而且還可以限制縮放的大小
hotkeys：每一個pane都可以用鍵盤的方向鍵來操作，甚至自訂快速鍵(這個最酷！)

大家可以直接點選一下上面的iframe，然後壓著ctrl再按方向鍵，你就會知道這個自訂快速鍵是什麼意思啰。非常推薦這個plugin，簡直是拯救了我們這種對layout完全不在行的工程師呀！ ！ ！有更多進階范例可以直接到demo頁面看看喔。