Jquery使用.each函数悬停

Question

我有一个代码可以将每个li的border-left-color应用到它的背景中。

但是我想在用户时使用背景颜色：将鼠标悬停在li元素上。

这是否可能用jquery从左到右填充背景，如example？使用CSS很容易，但我不知道如何使用jquery。

这是关于左右背景的另一个solution，带有box-shadow属性。

/etc/hosts

Answer 1

这是悬停在鼠标悬停的功能：

$('.side-category ul li').hover(
  function() {
    // on hover
    $(this).css("background", $(this).css("border-left-color"));
    $(this).css("box-shadow", "inset 0 100px 0 0 "+$(this).css("border-left-color"));
  }, function() {
    // on remove hover
    $(this).css("background", "#fff");
    $(this).css("box-shadow", "");
  }
);