ligerLayout布局

Posted rdchen

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ligerLayout布局相关的知识,希望对你有一定的参考价值。

效果图:

技术图片

 

<!DOCTYPE html>
<html<head>

<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="../css/skins/Aqua/css/ligerui-all.css" />
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/ligerUi/ligerui.min.js"></script>
<script type="text/javascript" src="../js/ligerUi/ligerLayout.js"></script>
<script type="text/javascript">
$(function()
$("#container").ligerLayout(
leftWidth: 250, topHeight: 50
); 
);
</script>
</head>

<body>

<div id="container">
<div position="top">上边</div>
<div position="left" title="菜单栏"> 左边</div>
<div position="center" title="标题">中</div>
<div position="right">右边</div>
<div position="bottom"  title="底部"> 底部  </div>

</div>

</body>

</html>

以上是关于ligerLayout布局的主要内容,如果未能解决你的问题,请参考以下文章

Android几种layout(布局)的区别

安卓layout布局,如何靠右

iview-layout布局

JS-jQuery-EasyUI-Layout:Layout 布局

android开发中如何修改layout文件默认布局格式?

Android_layout 布局