jquery.message.js

基础用法

从顶部出现，3s后消失

$.message('这是一个默认提示框');

$.message('有<i>节点</i>的提示框');

不同状态

有四种不同状态可选: info ,success, warning, error

$.message.info('这是一条普通消息。')
//或者
$.message({
    type:'info',
    message:'这是一条普通消息。'
});

$.message.success('这是一条成功消息。')
//或者
$.message({
    type:'success',
    message:'这是一条成功消息'
});

$.message.warning('这是一条警告消息。')
//或者
$.message({
    type:'warning',
    message:'这是一条警告消息'
});

$.message.error('这是一条错误消息。')
//或者
$.message({
    type:'error',
    message:'这是一条错误消息'
});

可关闭

设置showClose为true，可以显示关闭按钮；设置duration为0，则提示框不会自动关闭

$.message.info({
    message:'可以关闭的提示框。',
    showClose: true,
})
//或者
$.message({
    type:'info',
    message:'可以关闭的提示框。',
    showClose: true
});

$.message.success({
    message:'只能手动关闭的提示框。',
    showClose: true,
    duration:0
})
//或者
$.message({
    type:'success',
    message:'只能手动关闭的提示框。',
    showClose: true,
    duration:0
});

$.message.error({
    message:'5s后关闭的提示框',
    showClose: true,
    duration:5000
})
//或者
$.message({
    type:'error',
    message:'5s后关闭的提示框',
    showClose: true,
    duration:5000
});

$.message.warning({
    message:'关闭时触发回调。',
    showClose: true,
    onClose:function(self){
        alert(self.msgId);
        }
});
//或者
$.message({
    type:'warning',
    message:'关闭时触发回调。',
    showClose: true,
    onClose:function(self){
        alert(self.msgId);
        }
});