/jquery.message.js

仿elementUI 的message组件的jquery消息提示插件。

Primary LanguageJavaScript

jquery.message.js

仿elementUI 的message组件的jquery插件。

快速开始

引入jquery,jquery.message.css和jquery.message.js

<link rel="stylesheet" href="path/to/jquery.message.css">
<script src="path/to/jquery-3.1.1.js"></script>
<script src="path/to/jquery.message.js"></script>
$.message('这是一个消息提示框')

可选参数

 defaultOptions = {
    type: 'info', //可选info,success,warning,error,默认为info
    customClass: '',//自定义提示框的类
    duration: 3000, //默认显示时间为3000ms
    message: '',//提示框的内容
    showClose: false,//是否显示关闭按钮
    onClose: null,//提示框关闭时的回调，参数为被关闭的message实例
 }

高级用法

参考教程

Demo

在线地址

git clone https://github.com/fchengjin/jquery.message.js
cd jquery.message.js
npm install
gulp default

TODO

  • 自定义message的位置