Javascript循环字幕功能

Javascript circular marquee function

本文关键字：功能 字幕 循环 Javascript      更新时间：2023-12-21

我创建了这个脚本来模仿字幕HTML标签的行为：

function MoveNoticias() {
var valorAbs = $('moverlo').offsetLeft;
var ancho = $('moverlo').getWidth();
valorAbs = Math.abs(valorAbs);
if (  valorAbs >= ancho ) {
    $('moverlo').setStyle({ left: ancho - 100 });
    valorAbs = ancho;
}
new Effect.Move('moverlo', { x: -100, y: 0, mode: 'relative' });
setTimeout(MoveNoticias, 1);
}

一切都很好，直到这部分：

if (  valorAbs >= ancho ) {
    $('moverlo').setStyle({ left: ancho - 100 });
    valorAbs = ancho;
}

"字幕"的位置还可以，但它仍然闪烁并固定在那里，不会向左滑动。

我不知道为什么，我正在努力寻找方法，任何帮助都将不胜感激，谢谢！

您需要创建正在滑动的内容的克隆。然后滑动两个面板，直到到达第一个面板的末端，然后将位置重置回零。不要将其移回原始位置，只需直接设置样式属性即可。

相关文章：