JQuery MiniUI入门

最新推荐文章于 2022-10-22 23:29:01 发布

henreash

最新推荐文章于 2022-10-22 23:29:01 发布

阅读量2k

点赞数

分类专栏： Asp.net Mvc 前端技术

本文链接：https://blog.csdn.net/henreash/article/details/54986377

版权

Asp.net Mvc 前端技术专栏收录该内容

6 篇文章 0 订阅

订阅专栏

下载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;">

<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>

henreash

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery MiniUI入门

下载JQuery MiniUI代码库，将Scripts目录拷贝出来，放到新建的Asp.net项目中，并添加到项目中。要在Web页面中使用MiniUI库，需要添加对Boot.js的引用，并设置body的style风格。如下： body { margin: 0; padding: 0;
复制链接

扫一扫