简约美观的coco-message消息提示插件

查看演示 下载资源 下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

js代码

<script src="./coco-message.js"></script>
    <script>
      "use strict";

      cocoMessage.config({
        duration: 10000,
      });
      var btns = document.body.querySelectorAll(".coco-btn.ok");
 
      for (var i = 0; i < btns.length; i++) {
        addClickEvent(btns[i], i);
      }
      function addClickEvent(btn, i) {
        btn.addEventListener("click", function () {
          example(i);
        });
      }

      function example(n) {
        switch (n) {
          case 0:
            cocoMessage.info(3000, "请先登录！", function () {
              console.log("close");
            });
            break;

          case 1:
            var div1 = document.createElement("div");
            div1.innerText = "修改成功！";
            cocoMessage.success(div1);
            break;

          case 2:
            cocoMessage.warning("需要手动关闭", 0);
            break;

          case 3:
            cocoMessage.error("修改失败！", 3000);
            break;

          case 4:
            var closeMsg = cocoMessage.loading(true);
            setTimeout(function () {
              closeMsg();
            }, 4000);
            break;

          case 5:
            cocoMessage.destroyAll();
            break;

          default:
            break;
        }
      }
    </script>