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/

10-12 13:00