🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

message.js is an elementUI inspired jQuery notification plugin used to create customizable info/success/error/warning feedback messages for your web applications.

Notification toast-message

Documentation

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的位置

You May Also Like