jQuery Border Layout 是一個基于 jQuery 的布局插件，可以幫助我們快速實現網頁的邊框布局效果。

該插件提供了分為五個區域的網頁布局，分別是：北(North)、南(South)、東(East)、西(West)、中(Center)。通過設置這五個區域的大小、位置以及包含的內容，可以靈活地實現多種布局效果。

// 初始化 Border Layout
$(document).ready(function(){
$('body').borderLayout({
// 配置選項
north: {
size: 50,
resizable: false,
closable: false,
content: '
North
'
},
south: {
size: 50,
resizable: false,
closable: false,
content: '
South
'
},
east: {
size: 150,
resizable: false,
closable: false,
content: '
East
'
},
west: {
size: 150,
resizable: false,
closable: false,
content: '
West
'
},
center: {
content: '
Center
'
}
});
});

上述代碼初始化了一個 Border Layout，設置了五個區域的大小、內容以及其他選項。其中 North 和 South 區域的高度固定為 50 像素，不可調整大小，不可關閉；East 和 West 區域的寬度固定為 150 像素，不可調整大小，不可關閉；Center 區域則不設置大小和其他選項。

如果需要在代碼中動態地調整 Border Layout，可以通過以下方法：

// 調整布局大小
$('body').borderLayout('size', 'north', 100);
// 調整布局內容
$('body').borderLayout('content', 'center', '
New Content
');

以上代碼分別演示了如何調整 North 區域的高度和 Center 區域的內容。

總之，jQuery Border Layout 插件提供了一種快速實現網頁布局效果的方法，可以讓我們在開發網頁時更加方便快捷。