1

我不确定如何创建一个 jQuery 滑块,它可以在它的滑块中显示一个年度时间线,并让它自动播放手柄中显示的当前年份?

热门网站示例: http: //maps.eyesontheforest.or.id/

在左侧面板中有一个“天然森林覆盖”部分,这是我想要实现的。

这是以蓝色显示的 JavaScript 时间线的屏幕截图。

在此处输入图像描述

4

1 回答 1

4

jsFiddle 演示

您网页中的参考 URL 为该动画使用了 JavaScript 以外的框架,其中包括播放功能。编辑:它使用Google Maps API 可视化库

然而,我上面的 jsFiddle 是使用jQueryjQuery UI完成的,因为使用了带有自己 CSS的Slider 插件。

在此处输入图像描述

使用years紫色文本时,您很快就会发现这些只是标签,不一定反映实际位置值……只是位置 location

jsFiddle DEMO YEARS with Autoplay Timeline Button setTimeout方法

jsFiddle DEMO YEARS with Autoplay Timeline Button setInterval方法

在此处输入图像描述

于 2013-01-05T12:24:49.067 回答