jQuery模态框插件jquery.my-modal(原创)

所属分类:UI-弹出层

 49300  324  查看评论 (4)
分享到微信朋友圈
X
jQuery模态框插件jquery.my-modal(原创) ie兼容9

jquery.my-modal

一个modal的jq插件

浏览器支持:IE9+

有默认风格和win风格

调用方式

<script type="text/javascript" src="js/jquery1.9.min.js"></script>
<script type="text/javascript" src="js/jquery.my-modal.1.1.js"></script>
<script>
    var m1 = new MyModal.modal(function() {
        alert("你点击了确定");//点击确定后的回调函数
    });
    $('.btn1').on("click", function() {
        m1.show();//显示
        /*隐藏的方法*/
        //m1.hide()
    });
</script>
相关插件-弹出层

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

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

漂亮实用的提示框插件SweetAlert

漂亮实用的提示框插件SweetAlert
  弹出层
 64781  714

jQuery弹出层插件gallery

这是一个图片弹出层
  弹出层
 39039  348

jQuery弹出层插件

可无限次弹出,自己设置大小,手动调整大小都可(相比于layer.js要轻量)
  弹出层
 39487  318

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

    恒智~吕 0
    2018/7/6 16:20:44
    该插件怎么增加一个新的参数?? 回复
    ***L 0
    2017/11/6 17:10:36

    没有点击取消的事件吗

    回复
    淡漠安然 0
    2017/9/27 19:08:01
    var m1 = new MyModal.modal(function(){ });

    你让我多个模态框怎么办啊???

        时光再安也没有你心安0
        2019/1/12 14:18:26
        你有解决多个模态框显示吗?
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复