使用任何东西创建字幕？Javascript、Jquery、CSS

我正在尝试用HTML和CSS建立一个博客。现在，我已经使用PHP和我创建的多个小部件的数据集成了特定股票的API

现在，我正在尝试创建一个类似于股票市场的字幕（无止境和无限，没有任何缺口）。我在上找到了一些示例，但未能理解其实现

有人能告诉我这两个网站中类似字幕的功能是如何工作的吗

（位于网站顶部）

$（'document'）.ready（函数（）{
刷新数据（）；
})
函数refreshData（）{
$（'#container table'）.load（“data.php”，function（））{
设置超时（刷新数据，10000）；
});
$（'#container table'）.load（“datanike.php”，function（）{
设置超时（刷新数据，10000）；
});
$（“#容器表”）.load（“datamsft.php”，function（）{
设置超时（刷新数据，10000）；
});
$（'#container table'）.load（“dataaapple.php”，function（）{
设置超时（刷新数据，10000）；
});
$（'#container tablex'）.load（“dataamzn.php”，function（）{
设置超时（刷新数据，10000）；
});
}

NSE站点正在使用（一个Word Press插件）。一个很好的起点是查看

stock\u ticker\u script.js

您可以使用简单的html标记进行无限移动

见示例：

#容器表#容器表#容器表#容器表#容器表#容器表#容器表{
浮动：左；
填充：0 20px 0 0；
}

测验
测试1
测试2
测试3
测试4

试试这个

这是连续字幕

//polyfill
window.requestAnimationFrame=（函数（）{
return window.requestAnimationFrame||
window.webkitRequestAnimationFrame||
window.mozRequestAnimationFrame||
函数（回调）{
设置超时（回调，1000/60）；
};
})();
var速度=5000；
（函数currencylide（）{
var currencyPairWidth=$（'.slideItem:first child'）.outerWidth（）；
$（“.slideContainer”）.animate（{marginLeft:-currencyPairWidth}，速度，'linear'，函数（）{
$（this.css（{marginLeft:0}）.find（“li:last”）.after（$（this.find（“li:first”））；
});
requestAnimationFrame（当前幻灯片）；
})();
滑块{
宽度：100%；
溢出：隐藏；
位置：相对位置；
保证金：0；
}
.边缘{
左：0；
右：0；
排名：0；
底部：0；
位置：绝对位置；
身高：100%；
显示：块；
}
.edge:以前{
内容：''；
位置：绝对位置；
左：0；
背景：-webkit线性梯度（左侧，白色10%，rgba（0,0,0,0）100%）；
宽度：25%；
身高：100%；
}
.边缘：之后{
内容：''；
位置：绝对位置；
右：0；
背景：-webkit线性梯度（右侧，白色10%，rgba（0,0,0,0）100%）；
宽度：25%；
身高：100%；
}
保险商实验室{
背景：ddd；
溢出：隐藏；
宽度：1000%；
保证金：0；
}
李{
列表样式：无；
显示：内联块；
填充：0 50px；
}



欧元


美元


日元


人民币


VD


英镑


澳元


计算机辅助设计


瑞士法郎


XAU


请阅读，如何创建推荐sortware已明确脱离主题：“此功能已过时。尽管它可能在某些浏览器中仍然有效，但不鼓励使用，因为它可以随时删除。请尽量避免使用它。”