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

时间:2012-04-26 18:14:46

标签: javascript ajax slider scriptaculous

我的朋友需要一些JavaScript的帮助,因为我知道一点点(小),我决定帮助他。不过,我在这个问题上画了一个空白。

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

他提供了一个演示视频:

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

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

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

http://dnescripts.com/slider/

有人可以协助或指出我正确的方向让它在演示视频中看到行为吗?非常感谢。

1 个答案:

答案 0 :(得分:0)

看起来很酷。到目前为止,太棒了!

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

使用单倍间距字体可以更容易地实现这一点。然后,您可以使用预定义的范围并停止滑块。