Когда вы используете функцию jQuery .animate () с чем-то вроде события зависания, эти анимации «выстраиваются в очередь». То есть, если вы наведете курсор мыши несколько раз, эта анимация сработает несколько раз. Классический метод предотвращения этого - добавить .stop () перед анимацией, но я считаю это резким и не идеальным, поскольку он не позволяет анимации завершить полный цикл. В этом скринкасте мы рассмотрим несколько попыток решить эту проблему и, в конечном итоге, использовать плагин, который отлично справляется со своей задачей.
Ссылки с видео:
- Оригинальная письменная статья с демонстрациями
- плагин hoverFlow
- Финальная демонстрация из скринкаста