2012-04-30 4 views
2

Привет всем У меня есть этот код здесь на jsfiddle: http://jsfiddle.net/d7UjD/6/Jquery подпрыгивать и масштабирование анимация

У меня есть 2 проблемы с этим:

1) Мне нужен способ, чтобы использовать анимацию стопы(), так что если вы быстро нажимаете на изображение много раз, чтобы он не продолжал воспроизводить и воспроизводить.

2) «zoom» часть Мне нужна помощь на дому, чтобы увеличить ширину и высоту. В настоящее время я могу делать только ширину. Нужно сделать так, чтобы оно уменьшалось.

Любая помощь с этим будет замечательной!

Дэвид

ответ

5

Вероятно, можно было бы сделать по-другому, но вот один способ ..

1) Используйте функцию MouseLeave и остановить анимацию на эффект рикошета.

2) Используйте проценты (%) вместо пикселей для эффекта масштабирования.

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

+0

Удивительный для № 2 там, люк. Однако для первой проблемы все еще, похоже, все еще существует. Если вы нажмете на нее курсор и отпустите много раз (быстро), вы увидите, что логотип google вверх и вверх. – StealthRT

+0

Проверьте этот плагин потока потока, который должен решить проблему - http://www.2meter3.de/code/hoverFlow/ – luke2012

11

animate.css .. Лучшее решение для всех эффектов анимации ..

Попробуйте это http://daneden.me/animate/

Ура ... !!!

+0

Приятная находка, но я ищу что-то, что совместимо со старыми браузерами. – StealthRT

Смежные вопросы