Question

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

我在小提琴上添加了菜单：http://jsfiddle.net/g9usjkto/2/

我已经尝试过了：

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

谢谢，最诚挚的问候， Danny77。

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);
});

淡入背景颜色（按钮）和下拉菜单超级鱼菜单

1 个答案: