2012-04-30 516 views
2

嘿所有我這裏有這個程式碼的jsfiddle:http://jsfiddle.net/d7UjD/6/jQuery的彈跳和縮放動畫

我有2個問題是:

1)我需要一種方法來使用動畫停止(),這樣,如果你快速運行鼠標在圖像很多次,它不會繼續播放和播放..

2)「縮放」部分我需要家庭幫助放大的寬度和高度。目前我只能做寬度。需要使其均勻縮小。

任何幫助,這將是偉大的!

大衛

回答

5

大概可以做不同的,但這裏是一個方式..

1)用鼠標離開功能,並停止對反彈效應的動畫。

2)使用縮放效果的百分比(%)而不是像素。

http://jsfiddle.net/d7UjD/9/

+0

真棒#2那裏,盧克。但是,對於第一個問題,它似乎仍然存在。如果您將鼠標滑過並快速退出,您可以看到谷歌徽標上下移動。 – StealthRT

+0

看看這個應該解決問題的懸停流插件 - http://www.2meter3.de/code/hoverFlow/ – luke2012

11

animate.css。對於所有的動畫效果最好的解決方案..

試試這個http://daneden.me/animate/

乾杯... !!!

+0

不錯的發現,但我正在尋找一些與舊版瀏覽器兼容的東西。 – StealthRT