js-
$(".inner").hover(function () {
$(this).stop(true, false).animate({
height: "400px"
});
}, function () {
$(this).stop(true, false).animate({
height: "100px"
});
});
CSS-
.inner {
height:100px;
width:400px;
background-color:#333;
margin-bottom:0px;
}
.outer {
height:400px;
width:400px;
background-color:#999;
}
我想做的是将较小的框与大框内的底部对齐,并且动画是在向上方向进行的,但是底部和边距底部没有任何帮助。
链接在这里-
http://jsfiddle.net/4nYW6/
最佳答案
尝试这个
.inner {
height:100px;
width:400px;
background-color:#333;
margin-bottom:0px;
bottom:0;
position:absolute;
}
.outer {
height:400px;
width:400px;
background-color:#999;
position:relative;
}
jsFiddle File
关于jquery - 动画到顶部,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/17037384/