javascript - Javascript - 解构菜单

Question

我有一个带有图像的菜单，当鼠标悬停在一个图像上并且在图像之外（对于每个图像）时，它会执行动画。

代码是：

var nav = $('.menu');
nav.navs({
    useHash:true,
    defHash: '#!/page_splash',
    //myComm - Menus Hover In 
    hoverIn:function(li){
            $('a>span', li).stop().animate({'marginTop': -400},1000,'easeInOutExpo');
            $('a>strong',li).stop().animate({height:0},800,'easeInOutExpo');
    },
    //myComm - Menus Hover Out 
    hoverOut:function(li){
        if ((!li.hasClass('with_ul')) || (!li.hasClass('sfHover'))) {
            $('a>span', li).stop().animate({'marginTop': marOver},1600,'easeOutElastic');
            $('a>strong',li).stop().animate({height:414},1200,'easeOutBounce');
        }
    }
})
.navs(function(n){  

    $('#content').tabs(n);
});

但是我需要单独做这个功能，菜单的每个项目一个功能。