欧美一区二区三区性视频_婷婷综合另类小说色区_亚洲av乱码一区二区三区林ゆな_天堂在线资源中文在线8_久久这里只有精品首页

JQ UI集中有個(gè)對(duì)窗口大小調(diào)整的控件：Resizable，可以按照一定條件拖拉調(diào)整窗口尺寸。

包括限制最大/最小尺寸，等比調(diào)整，柵格調(diào)整，同比窗口?，F(xiàn)在來看看如何對(duì)其進(jìn)行調(diào)用：

JQ 的UI包里面的示例中有個(gè)叫splitpane的實(shí)例，演示的就是如何使用這個(gè)UI。
$('div ').resizable({
    alsoResize: false, //2個(gè)窗口同比縮放，例如: ‘#id’
    animate: false, //設(shè)置動(dòng)畫效果
    animateDuration: “slow”, //動(dòng)畫頻率
    animateEasing: “swing”,
    aspectRatio: false,  //設(shè)置縮放比例，本窗口比例
    autoHide: false,
    cancel: “:input,option”,
    containment: false, //以父系元素高寬為縮放范圍，這個(gè)尺寸為父系元素寬(高)-margin值
    delay: 0,  //延時(shí)縮放效果 移動(dòng)多少毫秒后開始縮放  單位毫秒
    distance: 1, //延時(shí)縮放效果，移動(dòng)多少px開始縮放  單位px
    ghost: false,  //復(fù)制顯示縮放效果
    grid: false, //柵格縮放，單位px
    handles: “e,s,se”,//橫向拖動(dòng)，或豎向拖動(dòng)
    helper: false, 
    maxHeight: null, //最大高度
    maxWidth: null, //最大寬度
    minHeight: 10, //最小高度
    minWidth: 10, //最小寬度
     zIndex: 1000
});

可以從中看到JQ的Resizable這個(gè)UI可配置的參數(shù)還是很多的，可以根據(jù)實(shí)際需求進(jìn)行調(diào)整，但并非所有的參數(shù)都是必須的。 
值得說明的是：在CSS里面有二個(gè)樣式比較重要,缺少這二個(gè)IE6下就無法移動(dòng)。
.ui-resizable-e {
    width: 10px; height: 475px;
    background:#e1e7f2 url(../images/splitpane_handle-ew.gif) no-repeat scroll 75% 50% !important;
    cursor:col-resize !important;
    border-left: #bbb 1px solid;
    padding: 3px;
}
.ui-resizable-n {
    height: 10px;
    background:#e1e7f2 url(../images/splitpane_handle-sn.gif) no-repeat scroll 50% 55% !important;
    border-top: #bbb 1px solid;
    padding: 3px;
}