JQuery MiniUI入门
来源:互联网 发布:杨文理知乎 编辑:程序博客网 时间:2024/06/16 12:42
下载JQuery MiniUI代码库,将Scripts目录拷贝出来,放到新建的Asp.net项目中,并添加到项目中。
要在Web页面中使用MiniUI库,需要添加对Boot.js的引用,并设置body的style风格。如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="Scripts/boot.js" type="text/javascript"></script>
<style type="text/css">
body
{
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
</style>
</head>
<body>
<div id="layout1" class="mini-layout" style="width: 100%; height: 100%;">
<div class="header" region="north" height="70" showsplit="false" showheader="false">
1
</div>
<div title="south" region="south" showsplit="false" showheader="false" height="30">
2
</div>
<div title="center" region="center" bodystyle="overflow:hidden;">
<!--Splitter-->
<div class="mini-splitter" style="width: 100%; height: 100%;" borderstyle="border:0;">
<div size="180" maxsize="250" minsize="100" showcollapsebutton="true">
3
</div>
<div showcollapsebutton="false">
4
</div>
</div>
</div>
</div>
</body>
</html>
- JQuery MiniUI入门
- jQuery MiniUI
- jQuery MiniUI
- jquery miniui
- jQuery MiniUI
- jQuery MiniUI
- jquery miniui
- JQUERY MINIUI
- jQuery MiniUI Demo
- Jquery UI -- MiniUI 资料
- jQuery MiniUI Demo
- jQuery miniUI学习地址
- jQuery MiniUI Demo
- jquery miniUi使用小结
- jquery miniui 学习笔记
- jQuery MiniUI 在线示例
- jquery miniUi使用小结
- jQuery MiniUI 前台分页
- QTableWidget与QTableView的区别
- 2017.0211night html
- 基于复变函数f(z)=z^2+c的迭代分形图
- Gstreamer插件教程2.5—编写一个插件(Writing a Plugin):query函数(The query function)
- 正则表达式
- JQuery MiniUI入门
- HDU - 1176----免费馅饼
- struck(结构化SVM用于视觉跟踪)--源代码详解--main.cpp
- Set up vimrc
- 基础知识
- uml的总结
- POJ 3252 Round Numbers(数位dp)
- Java运行时异常
- 精度--洛谷 P1378 油滴扩展