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://csdahua.cn/article/jipgci.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流