如何调整LigerUi框架布局

主要是布局、标题等!

一、需要载入的头文件

<link href="../../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
<script src="../../lib/jquery/jquery-1.5.2.min.js" type="text/javascript"></script>
<script src="../../lib/ligerUI/js/core/base.js" type="text/javascript"></script>
lt;script src="../../lib/ligerUI/js/plugins/ligerLayout.js" type="text/javascript"></script>

二、HTML内容

  <%--垂直并排2个框架一--%>
  <div id="Div1" style="margin:0;padding:0">
      <div position="left" title="架框一左区" id="Div3">  

          <div id="left"  style="margin:2px;">架框一左区</div>   

       </div>  

      <div position="right" title="架框一右区" id="Div4">  

          <div id="Div7"  style="margin:2px;">架框一左区</div>   

       </div>  

</div>  

  <div id="Div2" style="margin:0;padding:0">
      <div position="center" title="一个窗口的框架" id="Div5">  

          <div id="Div6"  style="margin:2px;">窗口2内容</div>   

       </div>  

</div>

返回栏目页:http://www.bianceng.cnhttp://www.bianceng.cn/webkf/script/

三、JS内容

$(function () {  

    var layout = $("#Div1").ligerLayout({ rightWidth: 100,height:100});
    var layout = $("#Div2").ligerLayout({ rightWidth: 0, height: 100 });

以上:position很重要

<div position="left"></div>

<div position="center"></div>      

<div position="right"></div>
<div position="bottom"></div>
<div position="top"></div>

作者:csdn博客 贝壳

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索布局
, 内容
, script
, layout
, ligerui
, height
ligerui验证
ligerui 布局、ligerui框架、ligerui框架的 oa、html框架布局、响应式布局框架,以便于您获取更多的相关知识。

时间: 2024-11-02 18:02:15

如何调整LigerUi框架布局的相关文章

Android用户界面设计:框架布局(转)

摘要:框架布局是Android开发者组织视图控件最简单和最有效的布局之一.通过本文,你将学到所有关于框架布局的知识,它们主要用来在屏幕上组织特别的或重叠的视图控件.使用得当的话,很多有趣的Android程序用户界面都可以基于框架布局来设计. 框架布局是将控件组织在Android程序的用户界面中最简单的布局类型之一. 理解布局对于良好的Android程序设计来说是非常重要的.在这个教程里,你将学到所以关于框架布局的知识,它们主要用来在屏幕上组织特别的或重叠的视图控件.使用得当的话,很多有趣的And

Android用户界面设计:框架布局

框架布局是将控件组织在Android程序的用户界面中最简单的布局类型之一. 理解布局对于良好的Android程序设计来说是非常重要的.在这个教程里,你将学到所以关于框架布局的知识,它们主要用来在屏幕上组织特别的或重叠的视图控件.使用得当的话,很多有趣的Android程序用户界面都可以基于框架布局来设计. 什么是框架布局 框架布局是Android开发者组织视图控件最简单和最有效的布局之一.它们使用得比其它一些布局要少一些,只是因为它们一般只用于显示单个视图,或重叠的视图.框架布局常用作容器布局,因

Android用户界面设计“.NET研究”:框架布局

框架布局是将控件组织在Android程序的用户界面中最简单的布局类型之一. 理解布局对于良好的Android程序设计来说是非常重要的.在这个教程里,你将学到所以关于框架布局的知识,它们主要用来在屏幕上组织特别的或重叠的视图控件.使用得当的话,很多有趣的Android程序用户界面都可以基于框架布局来设计. 什么是框架布局 框架布局是Android开发者组织视图控件最简单和最有效的布局之一.它们使用得比其它一些布局要少一些,只是因为它们一般只用于显示单个视图,或重叠的视图.框架布局常用作容器布局,因

网站建设之网页框架布局

一个网页包括网站标题.导航.banner.主题内容和页脚,一个好的网页框架布局起着不可估量的作用:网站的网页好比一个公司的门面,代表着公司的整体形象:网页的框架布局就好比商场商品的布置,商场商品的布置讲究一些规则,让用户能很快的找到想要的相关分类,如果这个商场的商品没有很好的归类,只能用个'乱'字形容,那么这个商场的人流量肯定是没有的.网页也已如此,用户浏览网站时,视线在网页的扫视一般成'之'或'Z'型.所以网站网页框架的布置就可想而知了. 有很多商家并不懂得网站建设,认为自己的网站内容填满了就

android-把 button 放在框架布局 frame layout 左边的问题

问题描述 把 button 放在框架布局 frame layout 左边的问题 在一个垂直的线性布局中设置了两个textviews,还有一个button和一个frame layout框架布局. 我要把按钮放在框架布局的左边,并把按钮放在 relative layout布局中. 但是如何把框架布局 frame layout 放在右边呢? <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

前端ligerui框架的grid控件, 后端springmvc获取分页问题

问题描述 前端ligerui框架的grid控件, 后端springmvc获取分页问题 前端ligerui框架 的grid控件 添加参数 contentType:'application/json', 后端springmvc就获取分页page有问题? 如果前端不加contentType及parms参数, 后端不加@RequestBody参数,能获取到page.pagesize. 如果前端加contentType及parms参数, 后端加@RequestBody参数,报错:java.lang.Nul

代码-页面框架布局制作源码

问题描述 页面框架布局制作源码 请问页面框架布局制作代码如何Javascript部分编写,左菜单布局CSS样式,求分享 解决方案 看看DWZ富客户端框架是否符合你的需求.

FrameLayout(框架布局)

框架布局是最简单的布局形式.所有添加到这个布局中的视图都以层叠的方式显示.第一个添加的控件被放在最底层,最后一个添加到框架布局中的视图显示在最顶层,上一层的控件会覆盖下一层的控件.这种显示方式有些类似于堆栈. 一般很少使用,所以只是作为一个知识点列出来.借鉴于前人的样例 效果: 代码; 1 <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 2 android:layout_width=&

CSS响应性设计:不需要调整HTML随意布局网页

文章简介:CSS在响应性设计的未来与改进. 图像在响应性设计里的重要性: 响应性设计里图像是一个关键点,不同设备图像有不同显示规格,大多数的设计师喜欢像素完美化,正常大小的图片在高密度的设备里显示就是一坨屎,图片大了下载速度也会增加,一些国家流量是非常昂贵的.还有,为什么我小屏幕设备要去下载一张大尺寸的图片呢?让我们一起看下解决这些问题的方法. 元素,HTML5的新标签,使用它可以让一些媒体查询到适应的设备来满足不同图像,参考一下代码:  <picture width="750"