溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

EasyUi學(xué)習(xí)01

發(fā)布時(shí)間：2020-07-15 19:26:07 來(lái)源：網(wǎng)絡(luò) 閱讀：321 作者：xsddhf 欄目：web開發(fā)

  1. 首先到http://www.w3cschool.cc/jeasyui/jqueryeasyui-tutorial.html 下載了手冊(cè)。

  2. 再到  http://edu.51cto.com/course/course_id-1300.html   點(diǎn)擊學(xué)習(xí)



    第一課 2014.12.27

    jQuery EasyUi入門

    到百度下載 插件包  解壓放入站點(diǎn)目錄  官方網(wǎng)站：http://www.jeasyui.com/ 外國(guó)站點(diǎn)慢

    

   特點(diǎn)：1 基于jQuery

         2.支持html5

         3.源代碼加密，商業(yè)版付費(fèi)499美元

         適合做后臺(tái),屬于比較重的框架 內(nèi)置jQuery2.0版本，不支持IE9.0以下版本。（IE6，7，8）

   同類產(chǎn)品 DWZ;  ExtJS


        demo 樣例，可以全部刪除

        themes 主題(外觀)，可以刪除

        locale 語(yǔ)言包 可以刪除中文以外的文件

     

3. 實(shí)例 彈出一個(gè)對(duì)話框，可以移動(dòng)，可以最小化

 

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Basic Dialog - jQuery EasyUI Demo</title>

<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css"><!-- 默認(rèn)主題中總樣式表-->  

<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css"><!-- 默認(rèn)各種圖標(biāo)-->  

<link rel="stylesheet" type="text/css" href="easyui/demo/demo.css">

<script type="text/javascript" src="easyui/jquery.min.js"></script> <!--載入jQuery 主核心文件2.0不支持IE6,7,8-->

<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script><!--載入Easyui主核心文件-->

        <script type="text/javascript" src="easyui/locale/easyui-lang-zh_cn.js"></script>  <!--載入語(yǔ)言包-->

</head>      

    <body>

        <!--div class ="easyui-dialog"    

             data-options="title:'我的窗口' ,collapsible:true ,iconCls:'icon-ok',onopen;function(){}">

             對(duì)話內(nèi)容. </div-->

       <h3>基本彈出窗口</h3>

<p>點(diǎn)擊下面的按鈕來(lái)打開或關(guān)閉對(duì)話框。</p>

<div >

<a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#dlg').dialog('Open')">開打</a>

<a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#dlg').dialog('Close')">關(guān)閉</a>

</div>

<div id="dlg" class="easyui-dialog" title="基本對(duì)話框" data-options="iconCls:'icon-save' ,collapsible:true " >

對(duì)話內(nèi)容

</div>

    </body>

    

</html>

第一課結(jié)束

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手