使用 HTML、CSS 和 JavaScript 将动态横幅添加到网站

Adding Motion Banner into a Website using HTML, CSS and JavaScript

我目前正在开发一个全栈网站,我正在使用 HTML、CSS 和 JavaScript 设计前端部分。

我想在我的网站主页上添加一个动态横幅(动态横幅将展示阅读最多的文章),如下原型所示:

MainPage of MyWebsite

我如何使用 JavaScript 做到这一点? 我是否必须制作小方块按钮,然后当用户按下它们时横幅会发生变化?如何让横幅每隔几秒自动更改一次?

谁能给我一些链接,我可以按照这些链接创建这个动态横幅?

欢迎来到堆栈溢出!

制作轮播的方法有很多种,但一个可行的选择是使用别人已经编写的库。在快速 Google for 'js carousel' 之后,我发现了这些:

希望对您有所帮助!