好资源导航 » 文章资讯 » js实现文字列表无缝滚动效果

js实现文字列表无缝滚动效果

2024-02-18 02:21:03 188

本文实例为大家分享了js文字列表无缝滚动的具体代码，供大家参考，具体内容如下

HTML代码：



用户185****0000获得XXX优惠券
用户185****0000获得XXX优惠券
用户185****0000获得XXX优惠券
用户185****0000获得XXX优惠券
用户185****0000获得XXX优惠券
用户185****0000获得XXX优惠券
用户185****0000获得XXX优惠券
用户185****0000获得XXX优惠券
用户185****0000获得XXX优惠券
用户185****0000获得XXX优惠券
用户185****0000获得XXX优惠券
用户185****0000获得XXX优惠券

JavaScript代码

varspeed=50;
varlist=document.getElementById('list');
varlist2=document.getElementById('list2');
varrule=document.getElementById('rule');
list2.innerHTML=list.innerHTML;
functionMarquee(){
if(list2.offsetTop-rule.scrollTop<=0)
rule.scrollTop-=list.offsetHeight;
else{
rule.scrollTop++;
}
}
varMyMar=setInterval(Marquee,speed);
rule.onmouseover=function(){clearInterval(MyMar)}
rule.onmouseout=function(){MyMar=setInterval(Marquee,speed)}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

js实现文字列表无缝滚动效果

热门推荐

随机推荐