jquery - 淡入背景颜色(按钮)和下拉菜单 superfish 菜单

Question

我使用来自 superfish 的修改后的下拉菜单。 我想为下拉菜单添加一个独立的淡入淡出效果。 鼠标悬停和下拉框的背景颜色应缓慢淡入。

我在 fiddle 上添加了菜单:http://jsfiddle.net/g9usjkto/2/

我已经试过了:

 transition: background 1s;
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;

谢谢， 最诚挚的问候， 丹尼77。

Answer 1

看看这个子菜单，它的可控性、可扩展性和可编辑性非常好: DEMO

$('#menu li').hover(function(){
    var i=$(this).index();
    var submenu=$('.submenu').eq(i);
    submenu.css({
        left:$(this).offset().left+'px',
        top:($(this).offset().top+$(this).outerHeight())+'px'
    }).stop().fadeIn(200);
},function(){
    var i=$(this).index();
    var submenu=$('.submenu').eq(i);
    submenu.stop().fadeOut(200);
});
$('.submenu').hover(function(){
    $(this).stop().show();
},function(){
    $(this).fadeOut(200);
});