jquery滑动高亮

Question

我正在使用 Jquery 在单击触发器时突出显示一段文本。

我正在寻找一种方法让文本从左到右突出显示，而不是一次全部突出显示，以提供“真实”的感觉 - 这样看起来就像是用手突出显示的。

我在网上找不到任何关于此的文档....有什么想法吗？

代码如下:

(HTML)

The Law of Universal Gravitation is based on the observed fact 
that all masses attract all other masses. The force of 
<span id="to_highlight">attraction decreases as the distance 
between the masses increases.</span>

(JQuery)

if (count==4) {
  $('#to_highlight').css("background-color","#e8c5e8");
};

Answer 1

您可以使用说明的方法here完成您正在寻找的东西。

设置一个background: linear-gradient(to right, yellow 50%, white 50%);然后使用 background-position: left bottom;或 background-position: right bottom;结合transition:all 3s ease;以获得从左到右的效果。

这是从 gar_onn 的回答(第一行的链接)派生的 JSFiddle:
http://jsfiddle.net/23zea/

希望这就是您要找的。