jquery - 底部动画“高度”Jquery

Question

我想为我的横幅设置动画，但在这里，它们是顶部的动画，我希望动画从底部开始。橙色横幅从底部消失。这是可能的 ？

-->我的小提琴<--

$(".myDiv").mouseover(function() {  
$('#'+this.id+'bis').stop().animate({height: '0px'}); });
$(".myDiv").mouseout(function() {  
$('#'+this.id+'bis').stop().animate({height: '50px'}); });

Answer 1

如果您正在尝试做我认为的事情，请尝试以下 jQuery ：

$(".myDiv").mouseover(function() {  
    $('#'+this.id+'bis').stop().animate({height: '0px', top: '50px'}); 
});
$(".myDiv").mouseout(function() {  
    $('#'+this.id+'bis').stop().animate({height: '50px', top: '0px'}); 
});

Top这将为元素的高度和 CSS 位置设置动画。这将使它看起来像元素被粘在底部并且正在缩小。

示例 JSFiddle