jquery+css3 多功能表单弹出层插件(原创)

作者: haibao 分类: 案例 发布时间: 2014-10-28 10:18
藏焉,修焉,息焉,游焉。——礼记

Tips: 该插件版本已更新到v2.0.3,修复一些已知bug,并增加关闭方法,demo请猛戳下面的演示地址,需要下载的朋友请至我的http://hehaibao.github.io/Github/上下载。

最近没事写了一个jQuery插件,结合了很多css3动画效果,很多自定义参数,可以帮你方便快速的做出很炫很酷的弹出层。

在线演示地址: demo

github地址:http://hehaibao.github.io/hDialog/

下载地址:[找不到下载]

本文地址:[jquery+css3 多功能表单弹出层插件(原创)],如没有标注转载,均为原创,转载请保留出处和链接,欢迎分享 谢谢。

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

34 条评论
  • andy

    2017/08/14 下午 3:57

    请问,使用iframe方式引入到不同的页面弹出
    1. 如何不通过点X,以“关闭”按钮方式关闭弹出窗口?
    2.如何从弹出窗口传递参数到先前页面?

  • 让您受精了

    2017/01/17 上午 11:41

    给力,大赞

  • 李斌

    2016/08/11 下午 4:30

    怎么返回点击的对象

  • Nicosw

    2016/03/28 下午 10:41

    怎样改变触发方式?多种方式触发怎样改?

  • 尹京九

    2016/03/24 上午 10:07

    支持老旧浏览器吗?ie7-9支持吗

    1. 正在载入_

      2016/03/25 上午 11:04

      支持 Firefox、Chrome、Safari、Opera 和 IE 10+

  • Dream

    2016/03/07 上午 11:23

    东西真心不错 ,支持[太开心]

  • 秋小卑

    2016/03/06 下午 3:07

    可以了,解决了,原来是我自己的js函数重新定义了一下$符号,导致覆盖了原来的jquery中的函数

  • 正在载入_

    2016/03/04 下午 9:05

    有报错吗

    1. 秋小卑

      2016/03/05 下午 4:53

      没报错,就是不会弹出模态框了,用alert();测试也不管用。好像是我写的js文件和那个jquery.hDialog.js文件不能同时引用,否则就模态框这个不管用

  • 李坤

    2015/12/11 下午 11:53

    怎么在调用的同时传递参数进去呢?假设我ajax里面需要一个页面上的数据,求告知。我的qq号是593921602 帮帮忙

  • kwun

    2015/11/06 下午 5:24

    居然和我的wp一个模板

  • 用户已认证

    2015/11/04 下午 7:53

    很好很好 虽然自己也整合了一套 不过没你的全

  • gaososo

    2015/10/30 下午 2:02

    请问怎么传ID值呢?

  • dan

    2015/10/27 下午 11:03

    怎样用js控制弹出框显示和关闭?不是点击按钮时触发

  • mrzhan

    2015/09/16 上午 11:28

    已经解决了

  • johnny

    2015/09/12 上午 11:03

    真的挺好的!

  • mrzhang

    2015/09/12 上午 9:27

    动态生成的元素 怎么添加你这个效果啊,通过class添加没反应啊!

    1. haibao

      2015/09/12 下午 9:29

      你说的这个问题,解决掉我会邮件回复你的,不过你自己也可以多研究研究哈

      1. admin

        2015/09/16 上午 11:21

        已经解决了,例如我要绑定class=”demo6″ 我在点击事件的方法中 加入这样$(‘.demo6′).click();就可以了

      2. 大兵

        2017/12/02 下午 2:54

        引入了相关的js,css,引用了方法但是不报错,就是不出现弹窗?

        1. haibao

          2017/12/03 下午 12:40

          用https://jsfiddle.net/贴代码看看你是如何使用的?

  • d sd d d

    2015/09/12 上午 9:11

    append 动态生成的元素 不能添加你的这个效果。求解决

    1. haibao

      2015/09/14 上午 9:17

      等append之后,你再添加动画的class

      1. mrzhan

        2015/09/16 上午 11:26

        添加class 也不行, 例如我的打开弹出框的c元素的class是demo6,就应该在动态元素的onclick事件加入 $(‘.demo6′).click(); 就可以了

  • 张浩

    2015/09/12 上午 9:11

    append 动态生成的元素 不能添加你的这个效果。求解决1

  • 求解决办法

    2015/09/09 下午 5:14

    提交成功后 无法关闭,定时关闭的时候 JS报错了 有个对象没获取到,包括演示站也是这样

  • 噁魔獵掱

    2015/04/25 下午 4:39

    你好,我是程序员一枚,想问一下,如何能够打开网页就弹出窗口,不用点击按钮才打开

  • 偷天换琴

    2015/03/17 下午 4:37

    在 easyui datagrid 的tool工具按钮中调用时,没有遮罩层。不知道这是什么原因呢?

  • 杜森

    2014/12/18 下午 10:39

    var $this = $(this),opt = $this.data(‘hDialog’); 这段代码是获不到值得 data(“”) 方法中是不能有大写的 这也是jQuery的一个bug.

  • 766xs

    2014/11/25 上午 7:50

    解压时提示错误??index.html损坏。

    1. haibao

      2014/11/25 上午 9:17

      你用什么解压的,我们本地都能正常解压的~

  • E享乐

    2014/11/03 下午 7:13

    很强大的插件,可用范围很广~

    1. haibao

      2014/11/07 上午 9:15

      多谢支持!

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>