javascript – 在网页上循环移动文本

我正在设计网页,我需要将文本从显示器屏幕的左侧移动到屏幕的右侧.我试过< marquee>标签.它没有任何错误.

我的要求是,当文本即将在网页右侧消失时,它应该从页面的左侧开始出现.它不应该等待所有文本消失然后从左侧开始.

直到现在我一直在使用< html>只要.请另外建议其他方法.

解决方法

可以使用 Javascript：

将两个正在滚动的文本副本分隔为容器的宽度.动画从(左侧副本可见)到(右侧副本可见),然后跳回并重复.

一些东西(未经测试,使用jQuery)：

<div class="outer">
  <div class="inner">
     some text
  </div>
</div>

CSS：

.outer,.inner {
  width: 100%;
}
.outer {
  position: relative;
  overflow: hidden;
}
.inner {
  position: absolute;
}

JS：

(function rerun(){
  var time = 10000 //ms

  $(".inner").slice(0,-1).remove()
  $i1=$(".inner")
  $i2=$i1.clone()

  $i1.css({left:0}).animate({left:"-100%"},time)
  $i2.insertAfter($i1).css({left:"100%"}).animate({left:0},time,rerun)
})()

这样,一旦文本开始在右侧消失,文本应该开始出现在右侧.修改相对宽度以实现不同的效果.

原文地址：https://www.jb51.cc/js/157856.html