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://scyanting.com/article/jipgci.html