layout布局方式的使用建立
来源:互联网 发布:github源码如何使用 编辑:程序博客网 时间:2024/05/19 00:09
这个布局总体感觉还是蛮不错的,虽然在某种程度上让我们失去了一定的代码操控能力,但是,他做的还是很不错的,至少我们用JavaScript的纯原生代码实现起来较为复杂,这样的布局方式同样的遵循了div+CSS的布局方式,不得不说的是,有一些限制css,在操作样式的时候会出现一些小的错误,但也是微不足道的,毕竟只是前台代码,不涉及太多的安全性问题。下面是layout的初步建立方式:
html代码:
<!DOCTYPE html><html><head><title>布局组件</title><meta charset="utf-8"><!--需要引入的文件(包括自己的文件,一定要把自己的放到最后!)--><script type="text/javascript" src="easyui/jquery.min.js"></script><script type="text/javascript" src="easyui/jquery.easyui.min.js"></script><script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script><link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" /><script type="text/javascript" src="./js/my.js"></script></head ><body><div id="box" style="width: 600px; height: 400px;"><div data-options="region: 'north',title: '上北',split: true" style="height: 100px;"></div><div data-options="region: 'south',title:'下南',split: true" style="height: 100px;"></div><div data-options="region: 'west',title:'左西',split: true" style="width: 100px;"></div><div data-options="region: 'east',title:'右东',split: true" style="width: 100px;"></div><div data-options="region: 'center',title:'中间',split: true"></div></div></body></html>JS代码:
$(function(){$("#box").layout({});});
会出现下面所示的布局:
0 0
- layout布局方式的使用建立
- 布局资源(layout)的简单使用
- 以编码的方式实现Auto Layout自动布局
- iOSLearningDiary以编码的方式实现Auto Layout自动布局
- Android Layout研究 <三> View的布局方式及实例
- Yii2 选择布局的方式 [ 2.0 版本 ] layout
- WPF的布局(Layout)
- Ext的Layout布局
- Ext的 Layout布局
- Android的布局Layout
- layout布局的学习
- Layout的存取/布局
- Android Layout布局使用总结Android中常用的5大布局方式有以下几种: 线性布局(LinearLayout):按照垂直或者水平方向布局的组件。 帧布局(FrameLayout):组件从
- wxFormbuileder中wxwidgets的布局控件(layout)的使用
- xcode6 使用layout自动布局
- 使用布局(layout)资源
- MonoRail学习笔记十二:layout布局的使用
- MonoRail学习笔记十二:layout布局的使用
- Matlab绘图笔记:只给纵坐标加grid线,横坐标和刻度保持不变(2个坐标轴叠加)
- R语言自定义启动环境
- 剑指offer--平衡二叉树
- 指向学生类的指针
- cocosstudiio 创建的资源目录安排
- layout布局方式的使用建立
- 第六周 【项目1-深复制体验】(3)
- Dropping tests
- Java算法-第一个数字
- Base64编码
- 体验常成员函数
- 多线程二
- [LeetCode]191.Number of 1 Bits
- 红黑树