Плавный hover на JQuery

Плавный hover на JQuery

2011-11-0439824

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

Пример




Код JavaScript



stop() как раз решает проблему, о которой говорилось выше.

Код для подключения JQuery (на всякий пожарный)

Вставлять в часть HEAD.



Комментарии (4)
Гость 2011-11-04 в 21:00Спам
зачем так сложно можно же animate
0
Владимир Погодин 2011-11-20 в 11:51Спам
это я писал то что внизу )
0
Владимир Погодин 2011-11-20 в 11:51Спам
а нет то что вверху )
0
Денис Абдуллин 2011-11-20 в 14:14Спам
Что animate что fadeIn... Тот, кто написал первый комментарий, не силен в JQuery - это сразу видно.
1
Чтобы оставить комментарий или отзыв под этой публикацией,
зарегистрируйтесь или войдите.