jquery layout 屬性描述

來源:互聯網
上載者:User

$(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 = ""  
    */  
}  
);  




});

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.