<script type="text/javascript">
$(function(){
$('.caseslist').hover(function(){
if(!$(this).is(":animated")){
$(this).children('.casedetail').animate({'bottom':'0px'}, 300);
}
},function(){
$(this).children('.casedetail').animate({'bottom':'-50px'}, 300);
});
});
</script>
jq hover方法用法 例子
![](https://img2024.cnblogs.com/blog/35695/202408/35695-20240826070647288-243310440.jpg)