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 回答