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