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

在线演示        积分下载        6毛下载        砍两刀下载       

未经允许不得转载： ICode联盟 » 插件特效 » toast右下角提示层JavaScript代码