好气 写了半天的效果 蚂蜂网动画

$(function(){
$("#li li").on('mouseenter',function(event) {
$("#li li").removeClass('fide');
$(this).addClass('fide');
$(this).find('p').animate({top:100+'px'},300);
});
$("#li li").on('mouseleave',function(){
$("#li li").removeClass('fide');
$(this).find('p').animate({top:170+'px'},300);
});

})

html代码很简单 ul>li>a>p

蚂蜂网论坛子网页结伴的动画效果