toast右下角提示层JavaScript代码

toast右下角提示层JavaScript代码源码下载

看看谁在用

查看文件结构

文件大小:0.00M

资源分类: 插件-提示框和弹出层

更新时间: 2020-12-07

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);
  });
});

toast右下角提示层JavaScript代码

正在加载文件目录...

也许你还喜欢

  1. 一款漂亮的提示信息alert插件Notyf.js
  2. jQuery悬浮地图省份tips提示气泡
  3. 精美Bootstrap模态窗口气泡提示框插件
  4. jQuery可以自动关闭的提示层代码
  5. jQuery简单弹出遮罩层插件带关闭
  6. jQuery气泡提示带动画
JavaScript代码高亮颜色显示
  • 标签查找|关于我们|格式化工具|bootstrapmb.com 版权所有 苏ICP备17077179号-2