jquery ui dialog实现d窗特效

今天我们用jquery

ui

dialog来做一个d窗特效。我们先看下效果截图：

我们可以看到，点击的时候，d窗出现，而且这个d窗是居中的，还是可以拖动的。。。实现这一切，只要以下代码：

我们可以看到，我对pop这个div，实现的方式是让它不要autoopen，点击的时候，我只要一句dialog,open就搞定了，借助于jquery

ui，我们做d窗就是这么简单。。。当然了，大家可以看到，我还有一个插入数据的功能，这个功能，我采用了jquery

的appendto：

我先通过变量获取值，接着建了一个html标签，然后appendTo到table里，这样，大家就可以看到数据的插入了，当然，这不是数据库。。。大家记得，借助于juqery

ui，一个dialog，我们就能实现拖动式d窗了。。。

1、新建并保存一个html文档，进入html代码编辑页面。

2、写一个input文本输入框，并定义ID，然后写一个按钮，并定义ID。

3、要做的效果就是点击按钮为输入框赋值，然后把输入框和按钮的css样式写好，不写样式也可以。

4、引入jquery文件，路径要正确，写jquery代码，打开浏览器测试一下，点击按钮之后，输入框内就会自动输入赋值的内容。

---