布局布局组件，依赖于面板，自己开发个网小程序的时候直接用这个组件布局很方便。

对于一个网程序原来说，特别是像我这种一遇到界面美化问题就找美工的程序员，想自己独立的开发一个东西，除了套用以前的项目中的界面布局之外就没别的办法了，虽然我们可以用ifame切分出一个界面布局，但是我不会添加样式啊。使用布局组件就可以帮我们快速的有一个界面布局，而且美观效果也看得过去。

看个例子：

！doctype html html lang=' en ' head meta charset=' UTF-8 '脚本类型=' text/JAVAScript ' src=' http : easy ui/jquery。量滴js /脚本脚本类型=' text/JAVAScript ' src=' http : easy ui/jquery。易居。量滴js /脚本类型=' text/JavaScript ' src=' http 3360 easy ui/locale/easy ui-lang-zh _ cn背景# 00 ffccpadd :10 px ' strong font size=2 color=' color '您好，欢迎span style='空白： pre '/span来到地球！/br这个世界充满了危险，劝你早点回去！/font/strong/div div id=' menu ' data-options=' region : ' west '，split:true，title:'2014-15赛季赛程' ' style=' height:100px宽度width :150 pxpadding :10 pull Li strong a href=' # ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow '西甲赛程/a/strong/Li br br/Li strong a href=' # rel='外部无跟随' rel='外部无跟随' rel='外部无跟随' rel='外部无跟随' rel='外部无跟随' rel='外部无跟随' rel='外部无跟随' rel='外部无跟随'英超赛程/a/strong/Li br br/Li strong a href=' # rel='外部无跟随' rel='外部无跟随' rel='外部无跟随' rel='外部无跟随' rel='外部无跟随' rel='外部无跟随' rel='外部无跟随' rel='外部无跟随'德甲赛程/a/strong/Li br br/Li strong a href=' # rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external no follow ' rel=' external ' no follow '法甲赛程/a/strong/Li br br/Li strong a href=' # rel='外部无跟随' rel='外部无跟随' rel='外部无跟随' rel='外部无跟随' rel='外部无跟随' rel='外部无跟随' rel='外部无跟随' rel='外部无跟随'意甲赛程/a/strong/Li br br/Li strong a href=' # rel='外部无跟随' rel='外部无跟随' rel='外部无跟随' rel='外部无跟随' rel='外部无跟随' rel='外部无跟随' rel='外部无跟随' rel='外部无跟随'欧冠赛程/a/strong /li /ul /div数据-选项='region:'east '，split:true，collapsed:true，title: '快速通道' ' style=' width :100 px padd :10 pxa href=' # rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow '购买船票/a/bra href=' http://blog。 csdn。net/曹海成' rel='外部无跟随'逃生指南/a/div div数据-选项='区域： '南部，边框： false '样式='高度：25 pxbackground : # a9 facdpadding :10 xcenter http://博客。csdn。net/曹海成/center/div div数据-选项='区域： '中心，标题： '主界面/div /body /html效果图：

点此下载源代码：jQuery简易用户界面布局（布局)组件

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。