Question

我想使用jQuery

更改我的<Li> 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文件：）

但是，我猜他想保存当前的背景图片，将鼠标悬停在鼠标上并在鼠标移出时将其还原：）

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

3 个答案: