jQuery滚动(跳出)表格单元格内的长文本

时间:2012-08-24 13:55:16

标签: jquery

我有一个有2列的表,其中一列有设置宽度,第二列是页面的其余部分。

在第一列中,我有另一个包含2个tr元素的表(这是由asp生成的)

如下表所示:http://jsfiddle.net/Misiu/y22Tk/2/

第一行包含较短的类别,但第二行包含具有长文本的子类别。

我想要实现的是添加一个jQuery滚动条来隐藏我的长文本(如overflow: hidden),然后将鼠标移到它上面就会滚动它。

我已经设法在我的例子中将这种滚动条添加到div中,但我希望有不同的效果。

我希望在开始时看到部分文字可见(例如普通overflow: hidden)。

现在整个文本是不可见的,只有在我滚动它之后才会显示。

除了它完全滚出单元格之外,我想要将它环绕在那个单元格周围,这样当文本的一部分隐藏在左边时,它会从右边开始显示,或者它可以从左向右反弹。

任何建议表示赞赏:)


我设法做到了这一点:http://jsfiddle.net/Misiu/kGxm7/1/但这只是一个起点。 我需要能够在现场的多个对象上调用它(在我的表中的某些td上)

1 个答案:

答案 0 :(得分:3)

这是一个简单的例子,但它可以扩展为提供更多选项等。

http://jsfiddle.net/kGxm7/2/

它基本上是两个jquery函数。一个开始重复的“弹跳”效果,另一个停止弹跳并重置位置。在鼠标悬停时调用第一个函数,在mouseout上调用第二个函数。