10行原生JS实现文字无缝滚动(超简单)

前端之家收集整理的这篇文章主要介绍了10行原生JS实现文字无缝滚动(超简单)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

废话不多说,直接上代码

Box{ position: relative; } .pro_quota_tip .tip_Box a{ color: red; display: block; width: 100%; padding:15px 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
{ let startScroll = setInterval(()=>{ i++; document.querySelector('.tip_Box').style.bottom = (tip_Box_a_h/10)*i+'px'; if(i%10==0)clearInterval(startScroll); },50) if(i>(10*(document.querySelectorAll('.tip_Box a').length-2)))i = 0; },2500)

绝对的10行,简单实用,无依赖

以上这篇10行原生JS实现文字无缝滚动(超简单)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/js/34392.html

猜你在找的JavaScript相关文章