jQuery弹出层插件

所属分类:UI-弹出层

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

jQuery弹框、弹出层插件method.js

jq弹框 弹框标题、内容、宽高、取消确认按钮、关闭按钮、动效类型均可以参数的形式设置
  弹出层
 52596  398

jquery鼠标悬停滑动切换特效

jquery鼠标悬停滑动切换特效
  弹出层
 33389  387

jquery弹出框插件dialogbox

jquery弹出框插件dialogbox
  弹出层
 54046  317

表格鼠标移入同行同列变色(原创)

jQuery表格鼠标移入后同行同列变色
  弹出层
 27400  320

讨论这个项目(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();我写的都比较简单,里面各个方都备注了,你可以看看源码,都能看懂

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