2012-04-30 40 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