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

时间:2016-01-19 04:03:09

标签: javascript html css slider carousel

我正在努力为每小时的天气预报做出努力。我从api中提取数据并将其存储在数组中。 我希望以显示10小时预测的方式显示该数据,其中有5个条目被主动显示。我想创建一个这样的滑块:

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

我已将数据存储在表格中,现在需要将其滑动或以旋转木马的形式制作。 我在互联网上搜索过,但大多数是用于图像或是插件。

请帮助我了解如何创建此效果。我不会使用插件。

1 个答案:

答案 0 :(得分:0)

一种非常简单的方法是使用JQuery Show和Hide.By默认情况下,显示第一个视图。单击下一个按钮,隐藏该视图,并显示另一个视图。等等。

这略显粗糙,但确实有效。此外,您还可以使用动画来过滤它们。