Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery特殊div高度动画_Jquery_Html_Jquery Animate_Height - Fatal编程技术网

jQuery特殊div高度动画

jQuery特殊div高度动画,jquery,html,jquery-animate,height,Jquery,Html,Jquery Animate,Height,有没有一种方法可以通过允许div的顶部和底部都展开来在jQuery中设置div高度的动画?我想在LDS主页上做一些类似的事情:www.LDS.org。顶部横幅图像左侧的div就是我想要的类型。通过在设置div高度动画的同时向上移动div,可以创建其向上和向下扩展的错觉 <html> <head> <script type="text/javascript" src="jquery-1.8.0.min.js"></script> <scrip

有没有一种方法可以通过允许div的顶部和底部都展开来在jQuery中设置div高度的动画?我想在LDS主页上做一些类似的事情:www.LDS.org。顶部横幅图像左侧的div就是我想要的类型。

通过在设置div高度动画的同时向上移动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>

$(文档).ready(函数(){
变量d=$('div');
d、 css('top','250px')。css('height',0);
d、 动画({
高度:“500px”,
排名:0
} , 3000 );
} );
div{
宽度:500px;
高度:500px;
背景:#f00;
位置:绝对位置;
}

谢谢!你能告诉我为什么这个职位必须被宣布为绝对职位吗?