jquery.layout.js常用属性.docxVIP

jQuery UI.Layout Plug-in? 官方站点：/必须的文件是，jquery.js，jquery-ui.js，还有就是这个插件的js。但在研究的过程中发现了一个问题，在官网下载的js是有问题的，甚至性能上都有问题。要下载官网示例中使用的js，切记。。地址：/lib/js/jquery.layout-latest.js把必要的js引入后，其实就可以正常运行了，参见官方最简单的那个示例，如下：script src=js/jquery-1.4.2.min.js type=text/javascript/scriptscript src=js/jquery-ui-1.8.4.custom.min.js type=text/javascript/scriptscript src=js/jquery.layout-latest.js type=text/javascript/scriptSCRIPT type=text/javascript$(document).ready(function () { $(body).layout({ applyDefaultStyles: true }); }); /SCRIPTDIV class=ui-layout-centerCenter/DIVDIV class=ui-layout-northNorth/DIVDIV class=ui-layout-southSouth/DIVDIV class=ui-layout-eastEast/DIVDIV class=ui-layout-westWest/DIV$(function(){ varmyLayout =$(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:redAAA/div,//pane打开时，边框按钮中需要显示的内容可以是符号等。需要加入默认css样式.ui-layout-toggler .content togglerContent_closed:img/,//pane关闭时，同上。enableCursorHotkey:true,//启用快捷键CTRL或shift + 上下左右。customHotkeyModifier:shift,//自定义快捷键控制键(CTR