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

Javascript 为每小时天气预报制作一个滑块,javascript,html,css,slider,carousel,Javascript,Html,Css,Slider,Carousel,我正在为每小时的天气预报做一次预报。我已从api中提取数据并将其存储在数组中。 我希望以显示10小时预测的方式显示该数据,并显示5个条目。我希望创建如下滑块: 我已经将数据存储在一个表中,现在需要使其滑动或以旋转木马的形式移动。 我在互联网上搜索过,但大多数都是图片或插件 有人能帮我理解如何创造这种效果吗。我不想使用插件。一个非常简单的方法是使用JQuery显示和隐藏。默认情况下,显示第一个视图。单击“下一步”按钮,隐藏该视图,然后显示另一个视图。依此类推 这有点粗糙,但确实有效。此外,您还可

我正在为每小时的天气预报做一次预报。我已从api中提取数据并将其存储在数组中。 我希望以显示10小时预测的方式显示该数据,并显示5个条目。我希望创建如下滑块:

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


有人能帮我理解如何创造这种效果吗。我不想使用插件。

一个非常简单的方法是使用JQuery显示和隐藏。默认情况下,显示第一个视图。单击“下一步”按钮,隐藏该视图,然后显示另一个视图。依此类推


这有点粗糙,但确实有效。此外,您还可以使用动画将其移入和移出。

主要使用CSS、第n个子选择器来显示/隐藏某些单元格。然后将这些规则放在一个表类(g1、g2、g3)后面。然后,您可以更改表类以交换可见单元格<代码>表g1 td:n子项(1)。。。{显示:表格单元格}