easyui简单使用

3/8/2017来源:ASP.NET技巧人气:1199

easyui是基于jQuery的ui框架,从官网下载当前最新1.5版本,解压并重命名文件夹为easyui,在同级目录下新建test.html文件
<html>
    <head>
        <title>easyui</title>
        <meta http-equiv="content-type" content="text/html;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" href="easyui/themes/default/easyui.CSS" type="text/css"></link>
        <link rel="stylesheet" href="easyui/themes/icon.css" type="text/css"></link>
    </head>
     
    <body onload="$.messager.alert('warning','easyui is running');">
    </body>
</html>
在浏览器打开即可看到easyui样式的弹出框