zoukankan      html  css  js  c++  java
  • 每天学一点easyui①

    引入js和css文件

        <script type="text/javascript" src="js/jquery-easyui-1.4.3/jquery.min.js"></script>

            <script type="text/javascript" src="js/jquery-easyui-1.4.3/jquery.easyui.min.js" charset="UTF-8"></script>

            <link rel="stylesheet" href="js/jquery-easyui-1.4.3/themes/default/easyui.css" />

            <link rel="stylesheet" href="js/jquery-easyui-1.4.3/themes/icon.css" />

            <script type="text/javascript" src="js/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>

    在页面输入一个div

    <body>

            <div id="p" style="width:500px;height:200px;padding:10px;" </div>

        </body>

    添加一段js

    <script type="text/javascript">

                $(function() {

                    $('#p').dialog({

                        modal: true//

                    });

                });

            </script>

    注意:modal: false//设置背景是否可以编辑 true不可以选择 false 可以选择

    Panel

    面板带图标的

    <!DOCTYPE html>

    <html>

        <head>

            <meta charset="utf-8" />

            <title></title>

            <script type="text/javascript" src="js/jquery-easyui-1.4.3/jquery.min.js"></script>

            <script type="text/javascript" src="js/jquery-easyui-1.4.3/jquery.easyui.min.js" charset="UTF-8"></script>

            <link rel="stylesheet" href="js/jquery-easyui-1.4.3/themes/default/easyui.css" />

            <link rel="stylesheet" href="js/jquery-easyui-1.4.3/themes/icon.css" />

            <script type="text/javascript" src="js/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>

            <script type="text/javascript">

            </script>

        </head>

        <body>

            

            11111111111

            <!--<div id="p" title="1234512345" style="500px;height:200px;padding:10px;" </div>-->

                

            <div id="p" class="easyui-panel" title="My Panel"

    style="width:500px;height:150px;padding:10px;background:#fafafa;"

    data-options="closed:true">

             <p>panel content.</p>

             <p>panel content.</p>

            </div>

            <!--单击open按钮显示这个panel-->

            <input type="button" value="open" onclick="$('#p').panel('open')" />

            <!--单击close按钮关闭panel 在内存中仍然存在-->

            <input type="button" value="close" onclick="$('#p').panel('close')" />

            <!--销毁这个panel-->

            <input type="button" value="destroy" onclick="$('#p').panel('destroy')" />

            

        </body>

    </html>

  • 相关阅读:
    day2 python基础
    day2 jmeter和charles
    nmon参数详解
    根据路径遍历该路径下的文件夹和文件并以列表形式显示出来、文件(夹)的复制
    GridView创建菜单栏
    GridView(网格视图)+MotionEvent(触控事件)实现可以拖动排序的网格图
    android 下拉刷新框架PullToRefreshScrollView(com.handmark.pulltorefresh)
    android轮播图的实现原理
    自定义进度条渐变色View
    android显示通知栏Notification以及自定义Notification的View
  • 原文地址:https://www.cnblogs.com/chengzhipcx/p/4963228.html
Copyright © 2011-2022 走看看