<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Basic Dialog - jQuery EasyUI Demo</title>
 <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
 <link rel="stylesheet" type="text/css" href="../themes/icon.css">
 <link rel="stylesheet" type="text/css" href="demo.css">
 <script type="text/javascript" src="../jquery.min.js"></script>
 <script type="text/javascript" src="../jquery.easyui.min.js"></script>
</head>
<body>
 <h2>基本對(duì)話框</h2>
 <p>單擊打開(kāi)或關(guān)閉對(duì)話框</p>
 <div style="margin:20px 0;">
 <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#dlg').dialog('open')">打開(kāi)</a>
 <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#dlg').dialog('close')">關(guān)閉</a>
 </div>
 <div id="dlg" class="easyui-dialog" title="基本 Dialog" data-options="iconCls:'icon-save'" style="width:400px;height:200px;padding:10px">
 有活就干，干完活吃飯，吃完飯睡覺(jué).
 </div>
</body>
</html>

效果圖：

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

全面解析DOM操作和jQuery實(shí)現(xiàn)選項(xiàng)移動(dòng)操作代碼分享
這篇文章主要介紹了DOM操作和jQuery實(shí)現(xiàn)選項(xiàng)移動(dòng)操作代碼分享的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-06-06
Jquery搜索父元素操作方法
這篇文章主要介紹了Jquery搜索父元素操作方法,實(shí)例分析了parents、cloest、parent、parentsUtil及offsetParent方法的使用技巧,需要的朋友可以參考下
2015-02-02
讓input框?qū)崿F(xiàn)類(lèi)似百度的搜索提示(基于jquery事件監(jiān)聽(tīng))
讓input框?qū)崿F(xiàn)類(lèi)似百度的搜索提示，oninput和onpropertychange事件監(jiān)聽(tīng)，通過(guò)ajax獲取json數(shù)據(jù)
2014-01-01
jQuery實(shí)現(xiàn)動(dòng)態(tài)控制頁(yè)面元素的方法分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)動(dòng)態(tài)控制頁(yè)面元素的方法,結(jié)合實(shí)例形式分析了jQuery事件響應(yīng)及頁(yè)面元素動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2017-12-12
jQuery實(shí)現(xiàn)的自適應(yīng)焦點(diǎn)圖效果完整實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的自適應(yīng)焦點(diǎn)圖效果,結(jié)合完整實(shí)例形式分析了jQuery事件響應(yīng)及動(dòng)態(tài)操作頁(yè)面元素屬性的相關(guān)技巧,需要的朋友可以參考下
2016-08-08
Jquery操作radio的簡(jiǎn)單實(shí)例
本篇文章主要介紹了Jquery操作radio的簡(jiǎn)單實(shí)例。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-01-01
詳解jQuery中的easyui
jQuery EasyUI是一組基于jQuery的UI插件集合體，而jQuery EasyUI的目標(biāo)就是幫助web開(kāi)發(fā)者更輕松的打造出功能豐富并且美觀的UI界面。這篇文章主要介紹了jQuery中的easyui ,需要的朋友可以參考下
2018-09-09
jQuery利用sort對(duì)DOM元素進(jìn)行排序操作
這篇文章主要為大家詳細(xì)介紹了JQuery利用sort對(duì)DOM元素進(jìn)行排序的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-11-11
JQuery獲得內(nèi)容和屬性方法解析
這篇文章主要介紹了JQuery獲得內(nèi)容和屬性方法解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-05-05
深入理解jQuery中的事件冒泡
下面小編就為大家?guī)?lái)一篇深入理解jQuery中的事件冒泡。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-05-05