底部动画“高度”Jquery

【问题标题】：Animate "height" Jquery on the bottom底部动画“高度”Jquery
【发布时间】：2013-10-21 11:28:47
【问题描述】：

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

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

【问题讨论】：

所以您本质上希望它们缩小而不是缩小？

标签： jquery jquery-animate height direction

【解决方案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'}); 
});

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

Example JSFiddle

【讨论】：