案例：jQuery UI案例     状态：可编辑再运行    进入横版
AخA
<p>Sed vel diam id libero <a href="//www.w3xue.com">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>
 
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="/css/jqu1.10.4/jquery-ui.min.css">
7
  <script src="/js/jqu/jquery.min1.10.2.js"></script>
8
  <script src="/js/jqu/jquery-ui.min1.10.4.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

 运行结果　
　北美留学生论坛