javascript - 制作每小时天气预报的 slider

Question

我正在尝试制作每小时天气预报的网页。我已经从 api 中提取数据并将其存储在数组中。我想以显示 10 小时预报的方式显示该数据，并主动显示 5 个条目。我想创建一个这样的 slider :

http://www.accuweather.com/en/au/melbourne/26216/hourly-weather-forecast/26216

我已将数据存储在表格中，现在需要使其滑动或以旋转木马的形式出现。我在网上搜索过，但大多数都是图片或插件。

有人可以帮助我了解如何创建这种效果。我不想使用插件。

Answer 1

一种非常简单的方法是使用 JQuery 显示和隐藏。默认情况下，您显示第一个 View 。单击下一个按钮时，您隐藏该 View ，并显示另一个 View 。依此类推。

这有点粗糙，但可以完成工作。此外，您还可以使用动画将它们转入和转出。