cocomessage消息提示插件

所属分类:UI-工具提示,对话框,弹出层

 5586  50  查看评论 (1)
分享到微信朋友圈
X
cocomessage消息提示插件 ie兼容9

更新时间: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();
相关插件-工具提示,对话框,弹出层

按首字母搜索(仿携程)

城市查找按首字母搜索(仿携程)
  工具提示
 34361  391

jq 提示插件

封装 jq 提示插件 Confirm ,兼容ie811chrome ff
  工具提示
 40096  363

仿win10侧边滑出提示框

一款模拟win10的消息提示框toastr
  工具提示
 22032  335

jQuery网页新功能步骤引导

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

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

    南洋大师傅 0
    2021/1/25 9:49:12
    期待更多插件🍺 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复