javascript - 如何让 jQuery UI Slider 小部件自动播放多年的文本时间轴?

标签 javascript jquery html jquery-ui-slider

我不确定如何创建一个可以在slider-track Yearly Timeline 中显示的 jQuery slider 并让它 < strong>自动播放当前年份也显示在句柄中

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

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

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

enter image description here

最佳答案

jsFiddle DEMO

您网页中的引用网址使用的是 JavaScript 以外的框架来制作包含播放功能的动画。 编辑:它正在使用 Google Maps API Visualization Library

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

enter image description here

当使用 years 作为紫色文本时,您很快就会发现那些只是标签,不一定反射(reflect)实际位置值...只是位置位置.

jsFiddle DEMO YEARS with Autoplay Timeline Button setTimeout Method

jsFiddle DEMO YEARS with Autoplay Timeline Button setInterval Method

enter image description here

关于javascript - 如何让 jQuery UI Slider 小部件自动播放多年的文本时间轴?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14170897/

相关文章:

jquery - json 未捕获的语法错误 : Unexpected token :

javascript - 如何使用 Javascript/Jquery/HTML 包含不同的 HTML 页面?

javascript - polymer 自动节点查找不起作用

javascript - 如何将路由连接到 server.js

javascript - jQuery Ajax 在 cordova iOS 应用程序上发送之前触发成功

javascript - 创建一个扩展另一个对象的对象

html - 带有下方标签的 Font Awesome 图标按钮

javascript - 谷歌街景图像精度

javascript - 将 id 传递给 Bootstrap 模式内的 link_to_route

javascript - td 内的 Div 未拉伸(stretch)以适应放大和缩小