cocomessage消息提示插件

 查看演示  website  立即下载

更新时间：2021-01-13 23:48:36

coco-message

coco-message 是一个简单实用的javascript信息提示插件， 兼容主流浏览器，兼容至ie9 (ie没有svg动画)

兼容性 >=ie9 

Usage

install via cnpm:

cnpm install coco-message -S

import cocoMessage from 'coco-message'  
cocoMessage.info('hello world')

<script src="https://unpkg.com/coco-message/coco-message.min.js"></script>

基本用法

对参数没有顺序要求，cocoMessage会根据参数的数据类型进行解析

cocoMessage.config({
    //配置全局参数    
    duration: 10000,
});
//对参数没有顺序要求，
cocoMessage会根据参数的数据类型进行解析
cocoMessage.info(3000, "请先登录！", function() {
    console.log("close");
});
//可以使用dom节点做内容 
var div = document.createElement("div");
div.innerText = "修改成功！";
cocoMessage.success(div); //duration为0时显示关闭按钮
cocoMessage.warning("需要手动关闭", 0);
cocoMessage.error("修改失败！", 3000); //loading可以选择是否展示关闭按钮 
var closeMsg = cocoMessage.loading(true);
setTimeout(function() {
    closeMsg();
}, 4000);
cocoMessage.destroyAll();

PREVIOUS:
NEXT:
canvas动态粒子背景动画
简单实现全选反选功能（html）