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 

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

• 上一篇：承德小程序制作_基于jquery.page.js完成分页效果
• 下一篇：没有了