页面特效 UI组件库 菜单导航 窗口特效 幻灯片滑动 图像相册 表单 选项卡 表格 评分星级 手风琴 文本链接 布局 日历 颜色选择器 按钮 图表 html5 提示 ExtJS 在线客服 其他特效 地图 树形控件 移动开发 BootStrap 滑动条 文件上传 表单验证 分页 播放器 Angular VUE

jQuery的灵活桌面布局UI.Layout

布局 HTML我帮您 1年前  次浏览
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>

相关链接

发表评论