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

 更新时间:2013年08月03日 10:51:47   作者:  
这篇文章介绍了jquery ui dialog实现弹窗特效的思路及代码,有需要的朋友可以参考一下

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

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

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

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

相关文章

  • jquery zTree异步加载简单实例分享

    jquery zTree异步加载简单实例分享

    Ztree是一个使用jQuery实现的JSP页面的各种功能树,本文介绍一个异步获取数据到下拉树的实现方式,感兴趣的朋友可以了解下,或许对你学习ztree有所帮助
    2013-02-02
  • jQuery时间轴插件使用详解

    jQuery时间轴插件使用详解

    本文给大家分享的是使用jQuery制作的模仿百度时间轴特效的代码,效果非常不错,有需要的小伙伴可以参考下。
    2015-07-07
  • 基于Datatables跳转到指定页的简单实例

    基于Datatables跳转到指定页的简单实例

    下面小编就为大家带来一篇基于Datatables跳转到指定页的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • jquery获取tr并更改tr内容示例代码

    jquery获取tr并更改tr内容示例代码

    这篇文章主要介绍了jquery获取tr并更改tr内容示例代码,需要的朋友可以参考下
    2014-02-02
  • jQuery中与toggleClass等价的程序段 以及未来学习的方向

    jQuery中与toggleClass等价的程序段 以及未来学习的方向

    昨天开始学jQuery,js是我前端设计技术的一块心病,一直没有找到很好的学习办法。最近突然开悟,可以学jQuery呀,这个东西比较好学。
    2010-03-03
  • jQuery Ajax调用WCF服务详细教程

    jQuery Ajax调用WCF服务详细教程

    这篇文章主要介绍了jQuery Ajax调用WCF服务详细教程,本文讲解了从WFC编程到JQUERY调用的详细步骤,并总结了使用中遇到的问题和解决方法,需要的朋友可以参考下
    2015-03-03
  • jQuery EasyUI常用数据验证汇总

    jQuery EasyUI常用数据验证汇总

    这篇文章主要为大家详细汇总了jQuery EasyUI常用数据验证,介绍了validatebox()提供的自定义验证,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • jquery通过a标签删除table中的一行的代码

    jquery通过a标签删除table中的一行的代码

    删除table中的一行的方法有很多,在本文为大家介绍下jquery是如何做到的,下面有个不错的示例,喜欢的朋友可以参考下
    2013-12-12
  • 详解jQuery中的empty、remove和detach

    详解jQuery中的empty、remove和detach

    empty、remove和detach三者都有把元素移除的作用,但细微的差别,造就了它们的使命不同。下面给大家介绍jQuery中的empty、remove和detach的区别,感兴趣的朋友一起学习吧
    2016-04-04
  • 基于jQuery实现中英文切换导航条效果

    基于jQuery实现中英文切换导航条效果

    这篇文章主要为大家详细介绍了基于jQuery实现中英文切换导航条效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09

最新评论