实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
AخA
 
1
<!doctype html>
2
<html lang="en">
3
<head>
4
  <meta charset="utf-8">
5
  <title>jQuery UI 对话框（Dialog） - 模态消息</title>
6
  <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
7
  <script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
8
  <script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
9
  <link rel="stylesheet" href="jqueryui/style.css">
10
  <script>
11
  $(function() {
12
    $( "#dialog-message" ).dialog({
13
      modal: true,
14
      buttons: {
15
        Ok: function() {
16
          $( this ).dialog( "close" );
17
        }
18
      }
19
    });
20
  });
21
  </script>
22
</head>
23
<body>
24
25
<div id="dialog-message" title="下载完成">
26
  <p>
27
    <span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
28
    您的文件已经成功下载到文件夹中。
29
  </p>
30
  <p>
31
    当前使用存储空间的 <b>36%</b>。
32
  </p>
33
</div>
34
35
<p>Sed vel diam id libero <a href="https://www.shouce.ren">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>
36
37
38
</body>
39
</html>