jQuery EasyUI布局容器layout实例精讲

这个布局容器,有五个区域:北、南、东、西和中心。他中心地区面板是必需的,但是边缘地区面板是可选的。每一个边缘地区面板可以缩放的拖动其边境, 他们也可以通过点击其收缩触发.布局可以嵌套,从而用户可以建立他想要的复杂的布局。layout可以基于body或者 div 进行布局。
效果：

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>easyui-layout的使用</title><!-- 导入jquery核心类库 --><script type="text/javascript" src="../js/jquery-1.8.3.js"></script><!-- 导入easyui类库 --><link id="easyuiTheme" rel="stylesheet" type="text/css" href="../js/easyui/themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="../js/easyui/themes/icon.css"><link rel="stylesheet" type="text/css" href="../css/default.css"><script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script></head><body class="easyui-layout"><div data-options="region:'north',title:'你我他学习吧-学习Java的好博客！'" style="height:100px"></div><div data-options="region:'west',title:'西部区域'" style="width:100px"></div><div data-options="region:'center',title:'中部区域'"></div><div data-options="region:'east',title:'东部区域'" style="width:100px"></div><div data-options="region:'south',title:'南部区域'" style="height:100px"></div></body>
</html>

jQuery EasyUI布局容器layout实例精讲相关推荐

jQuery easyUI布局（Layout）与手风琴（Accordion）
上期讲了easyUI最重要的组件:面板,这期讲讲布局和手风琴运用jQuery easyUI是需要引用文件的,详见上一期布局(layout) 效果图如下: 我们从上图可以看到,整个布局分为五个部分, ...
html accordion折叠菜单动态,jQuery EasyUI 布局插件 – Accordion 折叠面板 | 菜鸟教程...
jQuery EasyUI 布局插件 - Accordion 折叠面板 jQuery EasyUI 插件通过 $.fn.accordion.defaults 重写默认的 defaults. 折叠面板 ...
触发器实例精讲-志在必得
SQL触发器实例精讲,必看必会定义: 何为触发器?在SQL Server里面也就是对某一个表的一定的操作,触发某种条件,从而执行的一段程序.触发器是一个特殊的存储过程. 常见的触发器有 ...
《Oracle PL/SQL实例精讲》学习笔记1——数据准备
前言: 古人言,"业精于勤荒于嬉,行成于思毁于随".对于自己所从事的工作,若使理论知识和实践经验相辅相成,则可使自己的业务能力日益增长,事半功倍.反之,亦然. 前几天,接到一个需求 ...
经典好书：DSP嵌入式常用模块与综合系统设计实例精讲
书名:DSP嵌入式常用模块与综合系统设计实例精讲作者:刘向宇副书名:DSP嵌入式常用模块与综合系统设计实例精讲出版日期:2009-07-01 出版社:电子工业出版社页数:406 ISBN:97 ...
UG NX 8.5有限元分析入门与实例精讲（PPT、视频、模型）
<UG NX 8.5有限元分析入门与实例精讲>介绍了在典型工程实例中采用有限元进行分析的解题思路.操作步骤和经验技巧,内容包括零件和组件的有限元分析.轴对称和对称约束分析.多载荷条件静力学 ...
视频教程-C++游戏编程实例精讲--3D射击游戏作弊-C/C++
C++游戏编程实例精讲--3D射击游戏作弊 80后,游戏作弊工程师,从事C++开发14年,擅长语言:C,C++ 领域:服务器开发,精通MFC,STL,Boost,熟悉TCP/IP协议,熟练运用IOCP ...
jQuery EasyUI 选项卡面板tabs使用实例精讲
1. 对选项卡面板区域 div 设置 class="easyui-tabs" 2. 对选项卡面板区域添加多个 div,每个 div 就是一个选项卡(每个面板一定设置 title) ...
php能调用easyui窗口,关于jQuery EasyUI window窗口使用实例详解
本文主要给大家介绍了jQuery EasyUI window窗口使用功能,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友可以参考下,希望能帮助到大家. 需求:点击[增加]按钮,弹出窗口,并对所有 ...

jQuery EasyUI布局容器layout实例精讲

jQuery EasyUI布局容器layout实例精讲相关推荐

最新文章

热门文章