我有一个有2列的表,其中一列有设置宽度,第二列是页面的其余部分。
在第一列中,我有另一个包含2个tr元素的表(这是由asp生成的)
如下表所示:http://jsfiddle.net/Misiu/y22Tk/2/
第一行包含较短的类别,但第二行包含具有长文本的子类别。
我想要实现的是添加一个jQuery滚动条来隐藏我的长文本(如overflow: hidden
),然后将鼠标移到它上面就会滚动它。
我已经设法在我的例子中将这种滚动条添加到div中,但我希望有不同的效果。
我希望在开始时看到部分文字可见(例如普通overflow: hidden
)。
现在整个文本是不可见的,只有在我滚动它之后才会显示。
除了它完全滚出单元格之外,我想要将它环绕在那个单元格周围,这样当文本的一部分隐藏在左边时,它会从右边开始显示,或者它可以从左向右反弹。
任何建议表示赞赏:)
我设法做到了这一点:http://jsfiddle.net/Misiu/kGxm7/1/但这只是一个起点。 我需要能够在现场的多个对象上调用它(在我的表中的某些td上)
答案 0 :(得分:3)
这是一个简单的例子,但它可以扩展为提供更多选项等。
它基本上是两个jquery函数。一个开始重复的“弹跳”效果,另一个停止弹跳并重置位置。在鼠标悬停时调用第一个函数,在mouseout上调用第二个函数。