资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

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://cdkjz.cn/article/jipgci.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220