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

所属分类:UI-工具提示

 43637  393  查看评论 (7)
分享到微信朋友圈
X
jquery消息提示插件:类vue element message组件功能 ie兼容8

更新时间:2018/3/21 下午4:34:58

更新说明:修复padding导致的的不完全居中问题


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网页新功能步骤引导

在网站上经常看到的网页新功能步骤引导
  工具提示
 27524  355

jquery自动关闭消息通知插件izitoast.js

iziToast.js是一款跨浏览器响应式消息通知插件。该消息通知插件体积小,使用简单。消息显示时带CSS3动画效果,时尚大方。
  工具提示
 38020  450

超漂亮的placeholders提示

超漂亮的placeholders提示
  工具提示
 33476  394

仿win10侧边滑出提示框

一款模拟win10的消息提示框toastr
  工具提示
 29749  375

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

    迷途。 0
    2018/2/10 17:07:49
    js让元素居中那块 获取元素宽度 用outerwidth()应该就行了
        六晓0
        2018/3/21 16:36:15
        padding导致的 改了下代码 已提交审核
    回复
    迷途。 0
    2018/2/10 16:46:03
    算法有问题 并不是绝对居中
    回复
    Daisy 0
    2017/11/30 16:27:09

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

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

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

        纯白0
        2018/8/27 10:48:42
        这个问题,我也存在,我在ie8下试了你的demo,也是有问题的
        纯白0
        2018/8/27 10:58:34

        这样引入js之后,可以自动消失,但是图标仍然是不显示的

        <!--[if !IE]><!-->
        <!--<![endif]-->
        <!--[if IE 8]>
        <![endif]-->
        <!--[if gte IE 9]>
        <![endif]-->
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复