Напишем достаточно простой плагин, делающий элементы на странице анимированными при наведении на них. Плавный hover на JQuery в предлагаемом коде кроссбраузерный, но, все-таки, нужно заставить пользователя скачать Google Chrome. Для примера было решено сделать элемент изначально прозрачным, а при наведении он плавно появляется. Подобное уже было на «Урааа» и этот материал добавлен не для повтора. Нужно отметить, что предлагаемый код гораздо лучше и здесь предусматривается быстрое передвижение курсора. Ведь есть такая проблема: когда быстро перемещаешь курсор, анимация повторяется и повторяется. Здесь все решено!
stop() как раз решает проблему, о которой говорилось выше.
Код для подключения JQuery (на всякий пожарный)
Вставлять в часть HEAD.