jquery 弹框+模态框+消息提示（原创）

查看演示立即下载

插件描述：jquery 弹框+模态框+消息提示一段js引用，代码注释非常全

发布时间：2019-06-05 23:42:42

$('.confirm').click(function(){
       $modal({
           type: 'confirm', //弹框类型  'alert' or  'confirm' or 'message'   message提示(开启之前如果之前含有弹框则清除)
           icon: 'info', // 提示图标显示 'info' or 'success' or 'warning' or 'error'  or 'question' 
           title:'问你个问题', // 提示文字
           content: '人间值得?', // 提示文字
           transition: 300, //过渡动画 默认 200   单位ms
           closable: true, // 是否显示可关闭按钮  默认为 false
           mask:true, // 是否显示遮罩层   默认为 false
           pageScroll: false, // 是否禁止页面滚动
           width:500, // 单位 px 默认显示宽度 最下默认为300
           maskClose:true, // 是否点击遮罩层可以关闭提示框 默认为false
           cancelText:'取消',// 取消按钮 默认为 取消
           confirmText:'确认',// 确认按钮 默认未 确认
           cancel:function(close){  // 回调函数  //  函数返回关闭事件 调用-关闭弹窗
               $modal({
                   type: 'message', //弹框类型  'alert' or  'confirm' or 'message'   message提示(开启之前如果之前含有弹框则清除)
                   icon: 'success', // 提示图标显示 'info' or 'success' or 'warning' or 'error'  or 'question' 
                   content: '用户点击了取消', // 提示文字 
               })
               close() // 调用返回的 关闭弹框函数 才能关闭
           },
           confirm:function(close){ // 回调函数  //  函数返回关闭事件 调用-关闭弹窗
               $modal({
                   type: 'message', //弹框类型  'alert' or  'confirm' or 'message'   message提示(开启之前如果之前含有弹框则清除)
                   icon: 'success', // 提示图标显示 'info' or 'success' or 'warning' or 'error'  or 'question' 
                   content: '用户点击了确认', // 提示文字 
               })
               close() // 调用返回的 关闭弹框函数 才能关闭
           }
       })
   })

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： jQuery多列网格式拖动布局插件Gridster.js
下一个特效：纯JS数字滚动效果(原创)