需要使用jQuery animate（）调整背景图像大小的帮助吗。。可能吗？

这就是我到目前为止所做的：

所以动画基本上是这样的；移动到最左侧，直到拐角处，并收缩到100px。。我的收缩部分有问题。。是否可以使用jQuery动态收缩反向RGOUND图像

$(document).ready(function(){
    $("#splash_img").effect("bounce",{distance:10, times: 4 }, 1000);

    $("#splash_img").delay(2000).animate({left:"-=50%", margin:"0px", top:"-=50%"},2000);

    $("#splash_img").animate({width:"100px", height:"100px"},500);

});

---

您只需在

#splashimg

中添加

背景大小

css属性

#splash_img {

    ....
    background-size:cover;  
}    

请参阅下面的代码片段

$（文档）.ready（函数（）{
$（“飞溅”）效果（“反弹”{
距离：10，
次数：4次
}, 1000);
$（“#飞溅img”）。延迟（2000）。动画({
左：“-=50%”，
边距：“0px”，
顶部：“-=50%”
}, 2000);
$（“#飞溅img”）。设置动画({
宽度：“100px”，
高度：“100px”
}, 500);
});
body，
html{
宽度：100%；
身高：100%；
}
身体{
背景：#000；
}
#飞溅{
显示：表格；
宽度：100%；
身高：100%；
位置：相对位置；
}
#飞溅包装{
显示：表格单元格；
垂直对齐：居中；
}
#飞溅{
背景：url（“http://i66.tinypic.com/29wsg7n.png");
宽度：210px；
高度：210px；
位置：绝对位置；
最高：50%；
左：50%；
边缘顶部：-105px；
左边距：-105px；
背景尺寸：封面；
}
Duh！为什么我没想到！？谢谢，这解决了我的问题：）