0

divの上部と下部の両方を拡張できるようにすることで、jQueryでdivの高さをアニメーション化する方法はありますか? LDS のホームページ (www.lds.org) のようなことをしたいと思っています。上部のバナー画像の左側にある div は、私が目指しているタイプのものです。

4

1 に答える 1

0

高さをアニメートしながら div を上に移動することで、上下両方向に拡大しているように見せることができます。

<html>

<head>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script>
$(document).ready( function() {
    var d = $('div');
    d.css('top', '250px').css('height', 0);
    d.animate( {
        height: '500px',
        top: 0
    } , 3000 );
} );
</script>
<style>
div {
    width: 500px;
    height: 500px;
    background: #f00;
    position: absolute;
}
</style>
</head>

<body>
<div></div>
</body>

</html>
于 2012-11-15T06:32:05.267 に答える