jquery ui dialog实现弹窗特效的思路及代码
2013-08-03 00:00
656 查看
今天我们用jquery ui dialog来做一个弹窗特效。我们先看下效果截图:
我们可以看到,点击的时候,弹窗出现,而且这个弹窗是居中的,还是可以拖动的。。。实现这一切,只要以下代码:
我们可以看到,我对pop这个div,实现的方式是让它不要autoopen,点击的时候,我只要一句dialog,open就搞定了,借助于jquery ui,我们做弹窗就是这么简单。。。当然了,大家可以看到,我还有一个插入数据的功能,这个功能,我采用了jquery 的appendto:
我先通过变量获取值,接着建了一个html标签,然后appendTo到table里,这样,大家就可以看到数据的插入了,当然,这不是数据库。。。大家记得,借助于juqery ui,一个dialog,我们就能实现拖动式弹窗了。。。
我们可以看到,点击的时候,弹窗出现,而且这个弹窗是居中的,还是可以拖动的。。。实现这一切,只要以下代码:
我们可以看到,我对pop这个div,实现的方式是让它不要autoopen,点击的时候,我只要一句dialog,open就搞定了,借助于jquery ui,我们做弹窗就是这么简单。。。当然了,大家可以看到,我还有一个插入数据的功能,这个功能,我采用了jquery 的appendto:
我先通过变量获取值,接着建了一个html标签,然后appendTo到table里,这样,大家就可以看到数据的插入了,当然,这不是数据库。。。大家记得,借助于juqery ui,一个dialog,我们就能实现拖动式弹窗了。。。
相关文章推荐
- jquery ui dialog实现弹窗特效的思路及代码
- jQuery UI Dialog 创建友好的弹出对话框实现代码 详细出处参考:http://www.jb51.net/article/30087.htm
- jquery.blockUI.js上传滚动等待效果实现思路及代码
- CSS实现覆盖弹窗(效果如JQuery-UI的Dialog)
- jQuery UI Dialog 创建友好的弹出对话框实现代码
- jquery.blockUI.js上传滚动等待效果实现思路及代码
- JQueryUI dialog 和iframe 实现登录对话框效果
- jquery购物车实时结算特效实现思路
- jQuery固定浮动侧边栏实现思路及代码
- 【示例代码】分享Jquery-UI实现Web桌面系统jWebOS
- jQuery UI dialog + jQuery.validate动态对话框实现验证
- jQuery实现垂直半透明手风琴特效代码分享
- jquery-ui实现bootstrap的modal拖拽功能,弹窗头部拖拽
- Jquery实现图片放大镜效果的思路及代码(自写)
- Jquery实现图片放大镜效果的思路及代码(自写)
- Jquery ui datepicker设置日期范围,如只能隔3天【实现代码】
- 基于jquery实现的仿优酷图片轮播特效代码
- jquery实现的动态回到顶部特效代码
- jquery 页眉单行信息滚动显示实现思路及代码