jquery - jquery text | on mouse hover

Question

Can anyone tell me how this animation is working "centered one".See a link.I don't know where to start with

Answer 1

将文本拆分为 span

<spans class="highlightOnHover">

然后使用一些 jQuery 来突出显示

$(".highlghtOnHover").hover(
  function () {
    $(this).addClass("hover");
  },
  function () {
    $(this).removeClass("hover");
  }
);