Question

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

- ＆GT; MY FIDDLE ＆lt; -

$(".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'}); 
});

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

Example JSFiddle

Answer 2

首先。您需要修复HTML。 CLASS和ID是这样创建的：id =“Name”class =“Name”

您需要在类标记周围添加“”。

我已经使用html + jquery为您更新了小提琴：Here

希望这就是你要找的东西。

动画“高度”Jquery在底部

2 个答案: