jQuery在表格单元格内滚动(反弹)长文本



我有一个表,它有两列,一列具有设置的宽度,第二列占据页面的其余部分。

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

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

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

我想实现的是添加一个jQuery滚动器,它将隐藏我的长文本(如overflow: hidden),在我鼠标悬停后将滚动它。

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

我希望看到部分文本在开始时可见(像普通的overflow: hidden)。

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

除此之外,它完全从单元格中滚动,我想让它环绕在单元格周围,这样当部分文本隐藏在左侧时,它就会开始显示在右侧,或者可以从左到右反弹。

如有任何建议,不胜感激:)


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

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

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

它基本上是两个jquery函数。一个开始重复"反弹"效果,另一个停止反弹并重置位置。在mouse-over上调用第一个函数,在mouseout上调用第二个函数。

最新更新