jQuery弹出层插件

所属分类:UI-弹出层

 40089  319  查看评论 (10)
分享到微信朋友圈
X
jQuery弹出层插件 ie兼容9

使用方法

1、实例化、配置参数

var bounced = new Bounced({
        bouncedclass:"layerContianer2",//存放页面的容器类名
        width:500,
        height:350,
        alerttit:"提示框提示",
        setOverflow:"overflow-y:none",//设置滚动的属性 overflow-y:设置竖向  overflow-x:设置横向
        callback:function(){
            $(".inp_btn").click(function(){
                bounced.show();
            });
        }
    });
    $("input").click(function(){
        bounced.show();
    });

2、调取方法

3、若是弹出多次并且每个里面追加的页面不一样(java开发人员往里面追加html页面的时候,要注意,下面的类名不能重复)

 layerclass:"layerContianer2",//存放页面的容器类名
相关插件-弹出层

四种简单弹窗 — 自己配置弹窗

四种弹出方式,可以非常简单的通过修改css来定义自己喜欢的样式。
  弹出层
 53735  423

flavr―超级漂亮的jQuery扁平弹出对话框

flavr是一个时尚的扁平弹出对话框为您的下一个网站。flavr是响应设计布局,能够适应任何屏幕大小。得到最好的用户体验,使用流行的animate.css动画,最重要的是,flavr可以运行在任何新的浏览器IE8(+),任何设备和屏幕大小。
  弹出层
 145565  1135

jQuery图像展示插件Strip

Strip是Lightbox的一种,它只能部分覆盖页面。这样就不会占用大的屏幕面积,适用于比较小的移动设备
  弹出层
 33250  392

带动画效果jQuery+CSS3实现的弹出框弹出层效果

带动画效果jQuery+CSS3实现的弹出框弹出层效果
  弹出层
 90775  454

讨论这个项目(10)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    龙卷风 0
    2022/10/18 21:37:04
    103 0
    2019/5/7 11:24:06
    我就是想要钱币 回复
    冬木 0
    2018/10/26 19:48:51
    文刀流 0
    2017/9/22 14:39:30
    bouncedclass:myDiv  这个属性不是要弹出我自己定义的东西吗 ? 比如弹出我的div.  <div class="myDiv"></div>
        暖伤1
        2017/9/26 13:42:06

        并不是,这只是一个类名,如果想往里面放东西需要用load方法加载

    回复
    999* 0
    2017/8/30 9:59:03

    怎么调用方法的?

        暖伤1
        2017/9/26 13:43:07

        bounced.show();我写的都比较简单,里面各个方都备注了,你可以看看源码,都能看懂

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复