我不确定如何创建一个 jQuery 滑块,它可以在它的滑块中显示一个年度时间线,并让它自动播放手柄中显示的当前年份?
热门网站示例: http: //maps.eyesontheforest.or.id/
在左侧面板中有一个“天然森林覆盖”部分,这是我想要实现的。
这是以蓝色显示的 JavaScript 时间线的屏幕截图。
我不确定如何创建一个 jQuery 滑块,它可以在它的滑块中显示一个年度时间线,并让它自动播放手柄中显示的当前年份?
热门网站示例: http: //maps.eyesontheforest.or.id/
在左侧面板中有一个“天然森林覆盖”部分,这是我想要实现的。
这是以蓝色显示的 JavaScript 时间线的屏幕截图。
您网页中的参考 URL 为该动画使用了 JavaScript 以外的框架,其中包括播放功能。编辑:它使用Google Maps API 可视化库
然而,我上面的 jsFiddle 是使用jQuery和jQuery UI完成的,因为使用了带有自己 CSS的Slider 插件。
使用years
紫色文本时,您很快就会发现这些只是标签,不一定反映实际位置值……只是位置 location。
jsFiddle DEMO YEARS with Autoplay Timeline Button setTimeout方法
jsFiddle DEMO YEARS with Autoplay Timeline Button setInterval方法