jQuery弹跳图像

Question

我有一个要求，其中，客户想要一个图像反弹，目前我正在使用这个

$(window).ready(function () {
           $('#homePageImage').stop()
           .animate(
            {
                 height: '370px'
            },
            {    queue: false,
                 duration: 1000,
                 easing: 'easeOutBounce' });
             });

但是，客户希望整个图像“摔倒”并反弹，怎么办呢？

谢谢！

Answer 1

我不确定你真正问的是伙伴......

这里有两个可能的解决方案：

1. 包括Jquery ui - easeOutBounce是一个jquery ui组件，不包含在库存jquery中。

2. 制作#homePageImage position: absolute并为top:值设置动画，而不是height:。这样，图像就会下降并反弹。您必须先从top: -*height of the image*处的图片开始，然后将其放在屏幕上，然后使用缓动top: *where you want it*将其设置为easeOutBounce。 ：）