快捷導(dǎo)航

jQuery組件easyui對(duì)話框?qū)崿F(xiàn)代碼

更新時(shí)間：2016年08月25日 11:31:31 投稿：lijiao

這篇文章主要為大家詳細(xì)介紹了jQuery組件easyui對(duì)話框?qū)崿F(xiàn)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了

<!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>單擊打開或關(guān)閉對(duì)話框</p>
 <div style="margin:20px 0;">
 <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="基本 Dialog" data-options="iconCls:'icon-save'" style="width:400px;height:200px;padding:10px">
 有活就干，干完活吃飯，吃完飯睡覺.
 </div>
</body>
</html>

效果圖：

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

您可能感興趣的文章:

相關(guān)文章

jquery中attr、prop、data區(qū)別與用法分析
這篇文章主要介紹了jquery中attr、prop、data區(qū)別與用法,結(jié)合實(shí)例形式分析了jQuery中attr、prop、data的區(qū)別、功能、使用方法及相關(guān)注意事項(xiàng),需要的朋友可以參考下
2019-09-09
從JavaScript 到 JQuery (1)學(xué)習(xí)小結(jié)
本人使用JavaScript 已經(jīng)有2年左右的時(shí)間了,一直被它簡(jiǎn)潔優(yōu)雅的代碼所吸引, 近期接觸了 JQuery這個(gè)庫(kù) , 感覺還不錯(cuò), 但是并不意味著要舍棄 JavaScript , 而是更宣揚(yáng)結(jié)合使用 .
2009-02-02
讀jQuery之十二刪除事件核心方法
使用jQuery刪除事件（或稱解除事件綁定）有三個(gè)函數(shù)：unbind、die和undelegate。這三個(gè)方法都依賴于未公開的jQuery.event.remove（后續(xù)使用.remove簡(jiǎn)寫）。此為刪除事件的核心方法。
2011-07-07
招聘網(wǎng)站基于jQuery實(shí)現(xiàn)自動(dòng)刷新簡(jiǎn)歷
本文介紹下招聘網(wǎng)站基于jQuery實(shí)現(xiàn)自動(dòng)刷新簡(jiǎn)歷的方法，十分的簡(jiǎn)單實(shí)用，有需要的朋友，參考下吧
2015-05-05
jQuery簡(jiǎn)單實(shí)現(xiàn)兩級(jí)下拉菜單效果代碼
這篇文章主要介紹了jQuery簡(jiǎn)單實(shí)現(xiàn)兩級(jí)下拉菜單效果代碼,基于jQuery遍歷簡(jiǎn)單實(shí)現(xiàn)菜單效果,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-09-09
jquery.post用法示例代碼
使用ajax在前端驗(yàn)證是否執(zhí)行某個(gè)操作，下面為大家介紹下jquery.post的具體使用
2014-01-01
jQuery實(shí)現(xiàn)首頁(yè)懸浮框
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)首頁(yè)懸浮框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-03-03
jquery得到iframe src屬性值的方法
這篇文章主要介紹了jquery得到iframe src屬性值的方法，很簡(jiǎn)單，很實(shí)用,需要的朋友可以參考下
2014-09-09
基于jQuery的遍歷同id元素并響應(yīng)事件的代碼
寫網(wǎng)頁(yè)的時(shí)候，腳本循環(huán)的時(shí)候有很多時(shí)候都會(huì)循環(huán)出來(lái)同id的網(wǎng)頁(yè)元素，下面貼出來(lái)代碼，如何利用jQuery對(duì)這些元素進(jìn)行逐一遍歷并可響應(yīng)消息
2012-06-06
瀏覽器打開層自動(dòng)緩慢展開收縮實(shí)例代碼
本文為大家介紹下層自動(dòng)緩慢展開收縮在瀏覽器打開時(shí)是如何實(shí)現(xiàn)的，主要用到了slideUp及slideDown等主要jquery方法，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助
2013-07-07