本文实例为大家分享了
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>
- Basic Dialog - jQuery EasyUI Demo
- </title>
- <link rel="stylesheet" type="text/CSS">
- <link rel="stylesheet" type="text/css">
- <link rel="stylesheet" type="text/css">
- <script type="text/javascript" src="../jquery.min.js">
- </script>
- <script type="text/javascript" src="../jquery.easyui.min.js">
- </script>
- </head>
- <body>
- <h2>
- 基本对话框
- </h2>
- <p>
- 单击打开或关闭对话框
- </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')">
- 关闭
- </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>
效果图:
来源: http://www.jb51.net/article/91236.htm