Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.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
Javascript jquery使带有图像的div变小_Javascript_Jquery_Fadeout - Fatal编程技术网

Javascript jquery使带有图像的div变小

Javascript jquery使带有图像的div变小,javascript,jquery,fadeout,Javascript,Jquery,Fadeout,嘿,伙计们,我在一个div里得到了一个图像,我在一个特定的时间通过给它一个延迟来移动它。我只是想知道当它向下移动时,我如何使它在屏幕上移动时变小,直到最终在我给它的特定位置完全消失 到目前为止,这段代码通过一个延迟函数和一个持续时间使它向下移动 $('#fourth').animate({ width: '100px', height: '100px' }, 3000, function() { $(this).show('fast').animate({

嘿,伙计们,我在一个div里得到了一个图像,我在一个特定的时间通过给它一个延迟来移动它。我只是想知道当它向下移动时,我如何使它在屏幕上移动时变小,直到最终在我给它的特定位置完全消失

到目前为止,这段代码通过一个延迟函数和一个持续时间使它向下移动

$('#fourth').animate({
    width: '100px',
    height: '100px'
}, 3000, function() {
    $(this).show('fast').animate({
        top : '-=-100'
    }, 
    {duration: 2000}
)

感谢所有帮助

只需将宽度和高度添加到
动画

$(this).show('fast').animate({
    top : '-=-100',
    width: 0,
    height: 0
}, 
{duration: 2000})


另外,
-=-
+=
相同,这更容易理解。

但是随着时间的推移,它会变小吗?是的;它正在设置宽度和高度为
0
的动画。假设它开始时的宽度和高度大于
0
,那么它必须变小。这是非常好的帮助@如果div变小,图像本身不会变小。如果使用img标签,图像也会变小。