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并使用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"});
  });

working fiddle

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

2 个答案: