javascript - Jquery 滑出菜单项

Question

就 Jquery 而言，我已经搜索并搜索了各种选项，但我似乎找不到任何东西来满足我的需求，但它似乎是一个如此简单的效果。谁能告诉我如何让下图中的菜单项在有人将鼠标悬停在它上面时像第二个元素一样滑出？

Answer 1

$('.menuClass').mouseover(function(){
    $(this).animate({'marginTop':'100px'});
});

$('.menuClass').mouseout(function(){
    $(this).animate({'marginTop':'0px'});
});

相应地更改 marginTop 的值。

这些也有帮助:

http://api.jquery.com/mouseover/

http://api.jquery.com/mouseout/

http://api.jquery.com/animate/