1

我是 jQuery 的初学者,并希望为我的需求构建一个简短的插件。我正在寻找一个像插件一样的轻而短的时间线,它必须看起来像下面这样:

在此处输入图像描述

下面的绿色条有两个小矩形,可以左右移动,彼此靠近或远离,以放大/缩小上面时间线的内容(橙色条)。我试图找到类似的插件,我可以将其用作编写使用滑块放大/缩小的参考。
我发现了一些时间线插件,例如 Timeglider 等,它们的缩放功能以不同的方式实现,与上图不同(我可以使用两个矩形来放大/缩小并在橙色条中缩放时间线)。

我想询问有关在哪里可以找到类似插件的建议,我可以将其用作参考,以了解如何实现使用滑块进行缩放。或者,如果没有这样的插件,我将不胜感激有关如何为插件进行缩放功能的一些帮助。

4

1 回答 1

1

你知道吗,有一个用于 jQuery UI 的滑块插件(链接)。这只是样式的问题,连接到幻灯片事件并在旅途中更改缩放级别。

我会扩展我的答案,但我缺少有关您的 HTML 布局的更多信息,希望在 jsfiddle.net 中查看您的一些代码。

于 2013-02-12T14:34:31.563 回答