Jquery弹跳和缩放动画

时间:2012-04-30 05:17:58

标签: jquery bounce image-zoom

嘿,我在jsfiddle上有这段代码:http://jsfiddle.net/d7UjD/6/

我有两个问题:

1)我需要一种方法来使用动画stop(),这样如果你在图像上快速运行鼠标很多次就不会继续播放和播放..

2)“缩放”部分我需要家庭帮助来缩放宽度和高度。目前我只能做宽度。需要使其均匀缩小。

任何帮助都会很棒!

大卫

2 个答案:

答案 0 :(得分:10)

animate.css ..适用于所有动画效果的最佳解决方案..

试试这个http://daneden.me/animate/

干杯... !!!

答案 1 :(得分:5)

可能会有不同的做法,但这是一种方式..

1)使用mouseleave功能并在反弹效果上停止动画。

2)使用百分比(%)代替缩放效果的像素。

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