教程集 > jQuery > jquery 教程 > 正文 jquery ui dialog实现弹窗特效的思路及代码

jquery ui dialog实现弹窗特效的思路及代码

发布时间：2014-02-27 编辑：jiaochengji.com

这篇文章介绍了jquery ui dialog实现弹窗特效的思路及代码，有需要的朋友可以参考一下

　　今天我们用jquery ui dialog来做一个弹窗特效。我们先看下效果截图：

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

　　我们可以看到，我对pop这个div，实现的方式是让它不要autoopen，点击的时候，我只要一句dialog,open就搞定了，借助于jquery ui，我们做弹窗就是这么简单。。。当然了，大家可以看到，我还有一个插入数据的功能，这个功能，我采用了jquery 的appendto：

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

关键词： jquery dialog 特效　

[关闭]