jquery1.1.1的dialog
Jquery是一种非常常用的JavaScript库，可以帮助使用者更方便地操作HTML元素，实现许多常见效果。Jquery的1.1.1版本中加入了一个非常常用的弹窗插件 - Dialog。
要使用Dialog，我们需要先引入Jquery库和Dialog插件。在HTML文件头部添加以下代码：
Dialog的使用非常容易。假设我们要在一个按钮点击时弹出一个对话框，可以在JavaScript部分添加以下代码：
$(function() {
$( "#dialog" ).dialog();
});其中，#dialog是我们弹出的对话框的ID。我们需要在HTML文件中添加一个DIV元素，ID设置为dialog，将其样式设为display:none，即：
This is the content of the dialog
这时候，我们就可以点击按钮看看效果了。
除了基本的使用方法，Dialog还提供许多选项，例如我们可以设置弹出框的大小和位置，和关闭时的动画效果。以下是一些常用的选项：
$(function() {
$( "#dialog" ).dialog({
autoOpen: false, // 若为true, 对话框将在初始化时自动打开
width: 500, // 对话框的宽度
height: "auto", // 对话框的高度
modal: true, // 若为true, 背景将变灰并且无法点击，即模态框
position: { my: "center", at: "center", of: window }, // 对话框的位置，my表示对话框的参考点在中心，at表示该参考点和屏幕中心重合
show: {
effect: "blind",
duration: 1000
},
hide: {
effect: "explode",
duration: 1000
}
});
});以上就是Dialog的一些基础用法和常用选项。希望对大家学习Jquery有所帮助。