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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/js/157856.html

猜你在找的JavaScript相关文章