/message

一个和vue element交互调用差不多的jquery提示插件

Primary LanguageJavaScript

Message消息提示插件

一个和vue element交互调用差不多的jquery提示插件

在线例子

1.调用方式

$('.btn-success').on('click',function(){
    $.message('成功');
})
$('.btn-danger').on('click',function(){
    $.message({
        message:'失败提示',
        type:'error'
    });
})
$('.btn-warning').on('click',function(){
    $.message({
        message:'警告提示',
        type:'warning'
    });
})
$('.btn-info').on('click',function(){
    $.message({
        message:'信息提醒',
        type:'info'
    });
})

2.参数介绍

message:' 操作成功',    //提示信息
time:'2000',           //显示时间(默认:2s)
type:'success',        //显示类型,包括4种:success.error,info,warning
showClose:false,       //显示关闭按钮(默认:否)
autoClose:true,        //是否自动关闭(默认:是)

3.版本介绍

message.js:包含进场退场动画,不兼容旧版本

messageIE.js:没有动画效果,兼容旧版本