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

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

创新互联服务紧随时代发展步伐，进行技术革新和技术进步，经过10年的发展和积累，已经汇集了一批资深网站策划师、设计师、专业的网站实施团队以及高素质售后服务人员，并且完全形成了一套成熟的业务流程，能够完全依照客户要求对网站进行成都做网站、成都网站制作、成都外贸网站建设、建设、维护、更新和改版，实现客户网站对外宣传展示的首要目的，并为客户企业品牌互联网化提供全面的解决方案。

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代码

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

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

分享文章：js实现文字列表无缝滚动效果
标题路径：http://cqcxhl.com/article/jipgci.html

重庆分公司，新征程启航

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

其他资讯