messageLite优雅的消息提示弹框

所属分类：UI-对话框,工具提示

25269 324 查看评论 (14)

分享到微信朋友圈

查看演示立即下载

插件描述：提供类似element ui message组件的消息提示弹框

参数详解：

message:' 操作成功',    //提示信息
duration:'5000',       //显示时间（默认：5s）
type:'info',           //显示类型，包括4种：success.error,info,warning 默认info
showClose:false,       //显示关闭按钮（默认：否）
center:true,           //页面竖直居中（默认：否）
onClose:function,      //点击关闭回调函数

调用方式：

$('.btn-info').on('click',function(){
   $.message({
       message:'信息提醒',
       type:'info'
   });
})
$('.btn-success').on('click',function(){
   $.message({
       message:'成功提示',
       type:'success'
   });
})
$('.btn-warning').on('click',function(){
   $.message({
       message:'警告提示',
       type:'warning',
duration:0,
showClose:true,
center:true,
onClose:function(){alert('知道了')}
   });
})
$('.btn-danger').on('click',function(){
   $.message({
       message:'失败提示',
       type:'error'
   });
})

jQuery随机批量抽奖

jQuery移动端调用摄像头拍照插件WebcamJS

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

2023/3/13 10:51:16

Sun0

2024/1/3 17:18:06

好的

柠萌 1

2021/9/7 21:25:23

加上鼠标悬停清空定时器移走打开定时器这样就跟vue-element 的message一样了我们需求也这样，所以稍微改一下

if (options.duration != 0) {
   var timer;
   timed();

   function timed() {
       timer = setTimeout(function() {
           !isIE() ? (ele && ele.remove()) : (ele && ele.removeNode());
       }, options.duration || 5000)
   }
   $('.toast-message').hover(function() {
       clearTimeout(timer)
   }, function() {
       timed();
   });

}

世密不是蜜0

2021/10/9 23:50:16

还有这好事

万般皆如你 0

2021/2/22 15:56:01

wss-ttt 0

2020/9/27 9:25:45

白色 1

2020/9/1 15:45:45

加上鼠标悬停清空定时器移走打开定时器这样就跟vue-element 的message一样了我们需求也这样，所以稍微改一下

if (options.duration != 0) {
    var timer;
    timed();

    function timed() {
        timer = setTimeout(function() {
            !isIE() ? (ele && ele.remove()) : (ele && ele.removeNode());
        }, options.duration || 5000)
    }
    $('.toast-message').hover(function() {
        clearTimeout(timer)
    }, function() {
        timed();
    });

}