$(function(){
var myLayout =$("body").layout(
{
applyDefaultStyles: true,//應用預設樣式
scrollToBookmarkOnLoad:false,//頁載入時滾動到標籤
showOverflowOnHover:false,//滑鼠移過顯示被隱藏的,只在禁用捲軸時用。
north__closable:false,//可以被關閉
north__resizable:false,//可以改變大小
north__size:50,//pane的大小
spacing_open:8,//邊框的間隙
spacing_closed:60,//關閉時邊框的間隙
resizerTip:"可調整大小",//滑鼠移到邊框時,提示
//resizerCursor:"resize-p" 滑鼠移上的指標樣式
resizerDragOpacity:0.9,//調整大小邊框移動時的透明度
maskIframesOnResize:"#ifa",//在改變大小的時候,標記iframe(未通過測試)
sliderTip:"顯示/隱藏側邊欄",//在某個Pane隱藏後,當滑鼠移到邊框上顯示的提示。
sliderCursor:"pointer",//在某個Pane隱藏後,當滑鼠移到邊框上時的指標樣式。
slideTrigger_open:"dblclick",//在某個Pane隱藏後,滑鼠觸發其顯示的事件。(click", "dblclick", "mouseover)
slideTrigger_close:"click",//在某個Pane隱藏後,滑鼠觸發其關閉的事件。("click", "mouseout")
togglerTip_open:"關閉",//pane開啟時,當滑鼠移動到邊框上按鈕上,顯示的提示
togglerTip_closed:"開啟",//pane關閉時,當滑鼠移動到邊框上按鈕上,顯示的提示
togglerLength_open:100,//pane開啟時,邊框按鈕的長度
togglerLength_closed:200,//pane關閉時,邊框按鈕的長度
hideTogglerOnSlide:true,//在邊框上隱藏開啟/關閉按鈕(測試未通過)
togglerAlign_open:"left",//pane開啟時,邊框按鈕顯示的位置
togglerAlign_closed:"right",//pane關閉時,邊框按鈕顯示的位置
togglerContent_open:"<div style='background:red'>AAA</div>",//pane開啟時,邊框按鈕中需要顯示的內容可以是符號"<"等。需要加入預設css樣式.ui-layout-toggler .content
togglerContent_closed:"<img/>",//pane關閉時,同上。
enableCursorHotkey:true,//啟用快速鍵CTRL或shift + 上下左右。
customHotkeyModifier:"shift",//自訂快速鍵修飾鍵("CTRL", "SHIFT", "CTRL+SHIFT"),不能使用alt
south__customHotkey:"shift+0",//自訂快速鍵(測試未通過)
fxName:"drop",//開啟關閉的動畫效果
fxSpeed:"slow",//動畫速度
//fxSettings: { duration: 500, easing: "bounceInOut" }//自訂動畫設定(未通過測試)
//initClosed:true,//初始時,所有pane關閉
//initHidden:true //初始時,所有pane隱藏
onresize :ons,//調整大小時調用的函數
onshow_start:start,
onshow_end:end
/*
其他回呼函數
顯示時調用
onshow = ""
onshow_start = ""
onshow_end = ""
隱藏時調用
onhide = ""
onhide_start = ""
onhide_end = ""
開啟時調用
onopen = ""
onopen_start = ""
onopen_end = ""
關閉時調用
onclose = ""
onclose_start = ""
onclose_end = ""
改變大小時調用
onresize = ""
onresize_start = ""
onresize_end = ""
*/
}
);
});