jQuery的灵活桌面布局UI.Layout插件的灵感来自 extJS border-layout,并重新作为一个jQuery插件。插件UI布局可以创建任何UI看起来你想要的 - 从简单的标题或侧边栏,工具栏,菜单,帮助面板,状态栏,子表格等复杂的应用程序。你可以结合其他的jQuery UI小部件,创制出精密复杂的应用程序。
<!DOCTYPE html>
<html>
<head>
<title>Layout Example</title>
<script type="text/javascript" src="/lib/js/jquery-latest.js"></script>
<script type="text/javascript" src="/lib/js/jquery.layout-latest.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('body').layout({ applyDemoStyles: true });
});
</script>
</head>
<body>
<div class="ui-layout-center">Center
<p><a href="http://layout.jquery-dev.net/demos.html">Go to the Demos page</a></p>
<p>* Pane-resizing is disabled because ui.draggable.js is not linked</p>
<p>* Pane-animation is disabled because ui.effects.js is not linked</p>
</div>
<div class="ui-layout-north">North</div>
<div class="ui-layout-south">South</div>
<div class="ui-layout-east">East</div>
<div class="ui-layout-west">West</div>
</body>
</html>
相关链接