toast右下角提示层JavaScript代码

toast右下角提示层JavaScript代码
价格 免费
插件介绍
js提示层效果,警告提示浮动窗口网页特效,一共就几行代码很简单。结合了少量的svg代码。
const toasts = document.querySelectorAll(".toast");
const toastTriggers = document.querySelectorAll(".toast__trigger");

toastTriggers.forEach((trigger, index) => {
  let toastTimeout;

  trigger.addEventListener("click", () => {
    toasts[index].classList.add("toast--active");
    toastTimeout = setTimeout(() => {
      toasts[index].classList.remove("toast--active");
    }, 3500);
  });

  toasts[index].addEventListener("click", () => {
    toasts[index].classList.remove("toast--active");
    clearTimeout(toastTimeout);
  });
});
  • 最新评论
  • 总共 0 条评论