码迷,mamicode.com
首页 > 其他好文 > 详细

ligerLayout布局

时间:2019-06-18 20:07:33      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:top   标题   fun   nta   jquery   span   asc   inf   doctype   

效果图:

技术图片

 

<!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布局

标签:top   标题   fun   nta   jquery   span   asc   inf   doctype   

原文地址:https://www.cnblogs.com/rdchen/p/11047155.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!