使用 HTML、CSS 和 JavaScript 在网站中添加动态横幅答案

【问题标题】：Adding Motion Banner into a Website using HTML, CSS and JavaScript使用 HTML、CSS 和 JavaScript 在网站中添加动态横幅
【发布时间】：2019-09-22 18:06:29
【问题描述】：

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

我想在我的网站主页上添加一个动态横幅（动态横幅将呈现阅读次数最多的文章），如下原型所示：

MainPage of MyWebsite

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

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

【问题讨论】：

标签： javascript html css banner motion

【解决方案1】：

欢迎堆栈溢出！

制作轮播的方法有很多，但一个可行的选择是使用他们已经编写的其他人的库。在快速谷歌搜索“js carousel”后，我发现了这些：

希望这会有所帮助！

【讨论】：

当我点击link 时，我会看到几秒钟后页面底部会出现一个窄条/条。我有一个使用Nunjucks 模板（html、javascript 等）构建的网站，我想在其主页上放置一个简单的不显眼的横幅（窄条），几秒钟后出现，我可以提供一小段文字或链接或调查邀请。这篇文章的答案是我应该怎么做，还是我正在寻找完全不同的东西？
@Muhy 你追求的是非常不同的东西 :) 如果你看一下我帖子中的一些链接，你会看到什么是轮播；) 那里可能有一些库用于 '粘底横幅'类型的东西，你所追求的，但它也是你绝对可以写自己没有太多麻烦的东西