jQuery UI库使用记录----dialog以及以下effects效果

jQuery的UI库中的dialog效果很不错，在这里记录一下简单的一些使用方式以及一些配置的参数意义：

简单的使用可以在jQuery UI的官方demo中看到，具体的使用方式如下：

在html文件中添加一个<div id='mydiv'></div>

在js文件中调用：$('#mydiv').dialog()即可，这样就可以创建一个最基本的dialog，在.dialog()方法中可以添加一些配置参数，如下

autoOpen：是否立即显示对话框，默认为true

modal：在开启该dialog时是否屏蔽html，默认为false

closeOnEscape：按ESC键能否关闭对话框，默认为true

draggable：可否拉动对话框，默认为true

resizeable：是否可以在右下角调整对话框大小，默认为true

title：对话框的标题头

position：使用[right,top]或者一些默认值如'center','left','rigt','top','bottom'来确定对话框出现的位置,默认为center,数组中的数值的单位为像素,也可以使用如position:["left","bottom"]使得对话框出现在左上角

width：对话框的宽度

height&#x