jQuery的彈跳圖像

我有一個要求，其中，客戶端要對反彈的圖像，我目前使用這個jQuery的彈跳圖像

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

但是，客戶希望整個圖像「倒下」和彈跳，如何做呢？

謝謝！

來源

2011-05-13 Abcd

有時，開發人員只需要站在客戶端，當他們想要一些愚蠢的東西。這可能是其中一個= D – Tejs 2011-05-13 13:43:48

我希望我可以downvote評論... – 2011-05-13 13:44:15

我不知道你問的隊友真的...

這裏有兩個可能的解決方案：

包括jQuery UI的 - easeOutBounce是一個jQuery UI組件，而不包括在股票jquery。
使#homePageImage position: absolute和動畫的top:值而不是height:。這樣圖像就會掉下來並反彈。您必須先從top: -*height of the image*開始，然後將其移動到屏幕上，然後使用緩動將其動畫到top: *where you want it*。 :)

來源

2011-05-13 13:48:55

很酷，非常感謝，會試試看！和upvote :) – Abcd 2011-05-13 13:50:24

酷:)對不起，我不知道你是否意味着它根本沒有彈起，或者（在重讀幾次之後）你的意思是它看起來並不像它正在下降，彈跳正確。 :) – 2011-05-13 13:53:36

非常感謝，因爲他們在SO上說「像魅力一樣工作」 – Abcd 2011-05-13 13:57:34

jQuery的彈跳圖像

回答

相關問題