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

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

我的声望小于10，所以我不能上传图像。

来源

2013-04-04 Kashif Waheed

是的，它是..无论你发布一些你的代码...你的代表utaion不会阻止你发布你的代码或你至今完成的东西至少是HTML – bipen 2013-04-04 06:55:05

不错，你是对的，但我的代码不会描述我想问我的问题很简单 – 2013-04-04 06:57:41

看看这个js fiddel http ：//jsfiddle.net/rGFzJ/在这里点击菜单项时，它会改变整个身体的背景，但是我想要做的是伪装最近的菜单项的背景图像，比如当点击第三项时它应该改变缓冲区第二项也是如此，当点击第2项时，它应该改变第一项 – 2013-04-04 07:01:44

检查该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)') } 
);

来源

2013-04-04 07:04:01

使用eq()获得先前Li和chnage个背景色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

来源

2013-04-04 07:24:10 bipen

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

回答

相关问题