您的位置：首页 > Web前端 > JQuery

JQuery MiniUI入门

2017-02-11 20:29 417 查看
下载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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航