广州凡科互联网科技有限公司

营业时间
MON-SAT 9:00-18:00

全国服务热线
18720358503

公司门店地址
广州市海珠区工业大道北67号凤凰创意园

南昌小程序开发公司_javascript完成文字无缝滚动效

日期:2021-01-11 浏览:
javascript实现文字无缝滚动效果     投稿:lijiao   这篇文章主要为大家详细介绍了javascript实现文字无缝滚动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" BKCSHC3 /a /li a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" BKCSHC3 /a /li a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" BKCSHC3 /a /li /ul /dt dd /dd /dl

js

 script 
 $(function(){
 Marquee("marquee");
 //订单滚动
 var Marquee = function(id){
 var container = document.getElementById(id), 
 original = container.getElementsByTagName("dt")[0], 
 clone = container.getElementsByTagName("dd")[0],
 liLength=original.getElementsByTagName("li").length,
 speed = 55;
 if(liLength =8){
 return
 clone.innerHTML = original.innerHTML;
 var rolling = function(){
 if (container.scrollTop === clone.offsetHeight) {
 container.scrollTop = 0;
 else {
 container.scrollTop++;
 var timer = setInterval(rolling, speed)//设置定时器
 container.onmouseover = function(){
 clearInterval(timer)
 }//鼠标移到marquee上时,清除定时器,停止滚动
 container.onmouseout = function(){
 timer = setInterval(rolling, speed)
 }//鼠标移开时重设定时器
 /script 

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




新闻资讯

联系方式丨CONTACT

  • 全国热线:18720358503
  • 传真热线:18720358503
  • Q Q咨询:2639601583
  • 企业邮箱:2639601583@qq.com

首页
电话
短信
联系