Ajax让HTML5和CSS3程序员进行自定义对话框。
JavaScript提供了一些对话框(警报和提示对话框)，但这些对话框非常丑陋，也是相对不灵活的。
jQuery UI包括一种将任何DIV转换为虚拟对话框的技术。
对话框遵循主题，可调整大小和可移动。

构建对话框并不困难，但我们需要使用代码打开和关闭它，或者它不会像一个正确的对话框(模拟操作系统中的窗口)：

• 创建我们打算用作对话框的Div。
  创建一个div并给它一个id，以便我们可以将其转换为对话框节点。添加标题属性，标题在对话框的标题栏中显示。

<div id = "dialog"
   title = "my dialog">
  <p>
   The dialog class allows you to have a movable, sizable
   customized dialog box consistent with the installed
   page theme.
  </p>
  </div>

• 将div转换为对话框。
  使用Dialog()方法将div转换为init()函数中的jQuery对话框节点：

$("#dialog").dialog();

• 默认情况下隐藏对话框。
  通常我们不希望对话框可见，直到某种事件发生。在此特定示例中，在用户单击按钮之前，我们可能不希望出现对话框。我们可以在init()函数中关闭一些代码以关闭对话框，以便在召唤它之前不会出现对话框。

• 关闭对话框。
  要关闭对话框，请参阅对话框节点并再次调用对话框()方法。这次，将单个值"关闭"作为参数发送，对话框将立即关闭：

//initially close dialog
  $("#dialog").dialog("close");

• 单击X自动关闭对话框。
  对话框具有一个小x，看起来大多数窗口系统上的关闭窗口图标。用户可以通过单击此图标关闭对话框。

• 我们可以使用代码打开并关闭对话框。
  我的打开对话框和关闭对话框按钮控制对话框行为的呼叫函数。例如，这是连接到"打开"对话框按钮的函数：

function openDialog(){
  $("#dialog").dialog("open");
 } //end openDialog