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

Question

我有一个有 2 列的表格，其中一列具有设定的宽度，第二列占据页面的其余部分。

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

如此处所示的表格:http://jsfiddle.net/Misiu/y22Tk/2/

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

我想要实现的是添加一个 jQuery 滚动器来隐藏我的长文本(如 overflow:hidden)，并且当我将鼠标悬停在它上面时会滚动它。

我已经成功在我的示例中将这种滚动条添加到 div 中，但我希望有不同的效果。

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

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

除了它完全滚动到单元格之外，我希望它能够环绕该单元格，这样当部分文本隐藏在左侧时，它就会开始显示在右侧，或者可以从左向右弹跳。

任何建议表示赞赏:)

---

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

Answer 1

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

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

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