jQuery弹出层插件

所属分类:UI-弹出层

 8590  21  查看评论 (9)
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",//存放页面的容器类名
相关插件-弹出层

jQuery弹出层插件LIGHTBOX

这款lightbox,可应用于图片、swf文件、html文件等等.
  弹出层
 43191  193

一款简单实用的弹窗插件JMask(原创)

JMask是一款遮罩插件,其小巧灵活,在项目开发中方便实用。使用方式也特别简单,只需要引入一个js文件,该插件基于JQuery开发,所以使用之前需要引入JQuery文件。
  弹出层
 13066  71

移动端弹出层jquery插件简易

移动端弹出层jquery插件简易
  弹出层
 19486  34

jQuery遮罩弹窗居中

jQuery遮罩弹窗始终屏幕剧中,调用简单代码少。
  弹出层
 22825  151

讨论这个项目(9)回答他人问题或分享插件使用方法奖励jQ币

    文刀流 0
    2017/9/22 14:39:30
    bouncedclass:myDiv  这个属性不是要弹出我自己定义的东西吗 ? 比如弹出我的div.  <div class="myDiv"></div>
        暖伤0
        2017/9/26 13:42:06

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

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

    怎么调用方法的?

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

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

    回复
    JoviChin 0
    2017/7/26 9:35:07

    跟贤心申请授权了吗?贤心本人早已发过,希望尊重他人劳动成果

        暖伤0
        2017/7/27 16:53:30

        贤心?我发布的是我自己写的,为什么要让别人授权?还是说哪些地方不能重复?

        我要你 0
        2017/7/31 9:35:33

        怎么往每个弹出层里面添加内容

        暖伤0
        2017/7/31 13:56:02

        是想要加载其他页面吗?

        暖伤0
        2017/7/31 13:57:33

        用load方法

    回复
取消回复