jquery - 在鼠标悬停时更改一个后退菜单项的背景图像

Question

我正在研究一个菜单及其面包屑样式菜单，我想做的是当我将鼠标悬停在任何菜单项上时，悬停时会发生相应的变化我还想更改最近的菜单项的背景图像（之前的那个我悬停鼠标的菜单项）。可能吗？？如果是，请将相关链接发送给我。我自我搜索了很多但失败了。如果可能通过 jquery 或 css 请告诉我并发送给我链接

我的声誉低于 10，所以我无法上传图片。

Answer 1

检查此 jQuery 代码段是否对您有帮助：

$('.menu li a').hover(
    function() { $(this).parent().prev().find('a').css('background-image', 'url(new-bg.png)') },
    function() { $(this).parent().prev().find('a').css('background-image', 'url(old-bg.png)') }
);

Answer 2

用于eq()获取以前的 li 和 chnage th 背景颜色css()

尝试这个

  $("a").hover(function(e) {
    e.preventDefault();
    var i = $("li").index( $(this).parent() );

    if ( i === 1 ) {
       $('li').eq(i-1).css({"background-color":"red"}); 
       $('body').css('background', 'beige');
    } else if ( i === 2 ) {
       $('li').eq(i-1).css({"background-color":"blue"});
       $('body').css('background', 'honeydew');
    } else {
       $('li').eq(i-1).css({"background-color":"green"});
       $('body').css('background', 'pink');
    }
  },function(e){
      var i = $("li").index( $(this).parent() );
      $('li').eq(i-1).css({"background-color":"transparent"});
  });

工作小提琴