为每小时天气预报制作滑块

Make a slider for hourly weather forecast

本文关键字：每小时天气预报更新时间：2023-09-26

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

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

我已经将数据存储在一个表格中，现在需要使其滑动或以轮播的形式制作。我在互联网上搜索过，但其中大多数是图像或插件。

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

一个非常简单的方法是使用 JQuery Show 并 Hide.By 默认显示第一个视图。单击"下一步"按钮时，将隐藏该视图，并显示另一个视图。等等等等。

这有点粗糙，但可以完成工作。此外，您会导致使用动画将它们过渡进来和移出。