javascript - script.aculo.us 用于从指定 div 获取文本的滑块

Question

我的朋友需要一些 JavaScript 方面的帮助，因为我知道一点（很少），所以我决定帮助他。不过，我在这个上画了一个空白。

使用 script.aculo.us 创建一个多滑块。我有点让滑动手柄工作了。他们左右移动！无论如何，当每个手柄就位时，我需要有一个预览字段显示与两个手柄位置相对应的文本。

他给我提供了一个演示视频：

http://www.youtube.com/watch?feature=player_embedded&v=D0V4P8q5G-E

然后他给了我一个带有 HTML 和 CSS 的压缩包。我从 script.aculo.us 网站获得了 JavaScript 文件。

无论如何，这是我到目前为止所拥有的：

http://dnescripts.com/slider/

任何人都可以帮助或指出我正确的方向，让它像演示视频中看到的那样运行吗？这将不胜感激。

Answer 1

这看起来很酷。到目前为止，一切都很好！

您需要将示例文本中的每个字符包装在 a 中<SPAN>，然后计算每个 SPAN 的 x 位置（在 LOAD 处运行并将值放入数组中）。然后您需要将指针位置与字符的 x 位置进行比较。您需要将它们四舍五入以“捕捉”到下一个位置。从那里你应该知道开始和结束的跨度，以及中间的相关文本。

使用等距字体会更容易做到这一点。然后，您可以为滑块使用预定义的范围和停止。