jquery - 如何更改列表项的背景图像

Question

我想<Li>使用 jQuery 更改我的 bgImage onMouseOver

但是图像在三个 div 标签中

Answer 1

像这样的东西：

$('li').mouseover(
  function(){
    $(this).css('background-image', 'url(hover.png) no-repeat top left');
  },
  function(){
    $(this).css('background-image', 'url(normal.png) no-repeat top left');
  }
);

Answer 2

我想知道为什么您需要在鼠标悬停时更改列表项的背景图像。

如果您希望列表项像一个链接一样 - 或者，一般来说，如果您想为列表项分配一个操作- 您应该在<a>内添加一个标签<li>，并使用a:hover css 选择器来分配背景图像鼠标悬停的链接。这样你就不需要任何javascript函数了。

如果您不能使用<a>标签，我想知道原因。

Answer 3

您应该在悬停时添加/删除类，而不是使用 CSS 添加/删除背景图像。这样，当你在野外发布它时，你可以压缩你的 JS 文件:)

但是，我猜他想保存当前的背景图像，在鼠标悬停时将其替换并在鼠标移出时将其还原:)