Jquery UI 弹出框之dialog

 $('#x').dialog(); 
 $('#y').dialog();

//无须修改ui 里的CSS，直接用style.css 替代掉 
.ui-widget-header { 
 background:url(../img/xxx.png); 
}

对话框方法有两种形式：1.dialog(options)，options 是以对象键值对的形式
传参，每个键值对表示一个选项；2.dialog('action', param)，action 是操作对
话框方法的字符串，param则是options 的某个选项。
dialog 外观选项

属性	默认值/类型	说明
title	无/字符串	对话框的标题，直接作用与DOM
buttons	无/对象	以对象键值对方式，给dialog 添加按钮。键是按钮的名称，值是用户点击后调用的回调函数

$('#reg').dialog({ 
position : 'left top'
});

属性	默认值/类型	说明
position	center/字符串	设置一个对话框窗口的坐标位置，默认为center。其他设置值为：left top、top right、bottom left、right bottom（四个角）top、bottom（顶部或底部，宽度居中）、left 或right（左边或右边，高度居中）、center（默认值）

$ ('#reg').dialog({ 
position : 'left top'
});

$('#reg').dialog({ 
  height : 500, 
  width : 500, 
  minWidth : 300, 
  minHeight : 300, 
  maxWidth : 800, 
  maxHeight : 600 
});

属性	默认值/类型	说明
show	false/布尔值	显示对话框时，默认采用淡入效果。
hide	false 布尔值	关闭对话框时，默认采用淡出效果。

$('#reg').dialog({ 
  show : true, 
  hide : true  
});

属性	默认值/类型	说明
autoOpen	true/布尔值	默认为true，调用dialog()方法时就会打开对话框；如果为false，对话框不可见，但对话框已创建，可以通过dialog('open')才能可见。
draggable	true/布尔值	默认为true，可以移动对话框，false 无法移动。
resizable	true/布尔值	默认为true，可以调整对话框大小，false 无法调整
modal	false/布尔值	默认为false，对话框外可操作，true 对话框会遮罩一层灰纱，无法操作。
closeText	无/字符串	设置关闭按钮的title 文字

$('#reg').dialog({ 
  autoOpen : false, 
  draggable : false, 
  resizable : false, 
  modal : true, 
  closeText : '关闭'
});