Плавный hover на JQuery

Плавный hover на JQuery

04.11.201139054

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

Пример




Код JavaScript



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

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

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




Сохраните в социальную сеть
Комментарии (4)
Гость 04.11.2011 в 21:00Спам
зачем так сложно можно же animate
0
это я писал то что внизу )
0
а нет то что вверху )
0
Что animate что fadeIn... Тот, кто написал первый комментарий, не силен в JQuery - это сразу видно.
1
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт