jquery消息提示插件:类vue element message组件功能

所属分类:UI-工具提示

 3663  41  查看评论 (2)
jquery消息提示插件:类vue element message组件功能 ie兼容8

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,        //是否自动关闭(默认:是)
相关插件-工具提示

jQuery工具提示插件Poshy Tip

Poshy Tip 是一个强大的jQuery 工具提示插件,拥有不同的外观。作为 Form Tooltips使用时,可以自定义气泡出现的位置。
  工具提示
 25417  36

消息提示框插件humane.js

优化提示体验,美化提示消息效果
  工具提示
 4880  24

jquery 工具提示插件awTooltip

awTooltip是一个工具提示插件,用css和jQuery插件创建的。 它可以显示工具提示右,左,顶部或底部的元素。 也可以使用彩色工具提示样式。
  工具提示
 9751  35

一个气泡形状的提示(Tooltip)插件grumble.js

可以在其围绕的元素周围做360度任意定位。
  工具提示
 6926  20

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币

    Daisy 0
    2017/11/30 16:27:09

    IE8下会丢失符号的样式,动画也无效

        六晓0
        2017/12/1 10:49:42

        你有切换到messageIE吗 ie8 css3本来就不支持,我在写messageIE的时候是去掉动画的

    回复
取消回复