我的朋友需要一些JavaScript的帮助,因为我知道一点点(小),我决定帮助他。不过,我在这个问题上画了一个空白。
使用script.aculo.us创建一个多滑块。我有点滑动手柄。他们左右移动!无论如何,当每个手柄都放到位时,我需要有一个预览字段显示与两个手柄的位置相对应的文本。
他提供了一个演示视频:
http://www.youtube.com/watch?feature=player_embedded&v=D0V4P8q5G-E
然后他给了我一个带有HTML和CSS的zip存档。我从script.aculo.us网站获得了JavaScript文件。
无论如何,这是我到目前为止所拥有的:
有人可以协助或指出我正确的方向让它在演示视频中看到行为吗?非常感谢。
答案 0 :(得分:0)
看起来很酷。到目前为止,太棒了!
您需要将示例文本中的每个字符包装在<SPAN>
中,然后计算每个SPAN的x位置(在LOAD处运行它并将值放在数组中)。然后,您需要将指针位置与字符的x位置进行比较。你需要将它们四舍五入以“捕捉”到下一个位置。从那里你应该知道起始和结束的跨度,以及中间的相关文本。
使用单倍间距字体可以更容易地实现这一点。然后,您可以使用预定义的范围并停止滑块。