Плавный hover на JQuery

Плавный hover на JQuery

92011-11-0453154Денис Абдуллин

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

Пример




Код JavaScript



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

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

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


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