Как создать эффект исчезания при наведении курсора мышки на jQuery

Совершенно случайно было найдено в сети маленькое jQuery руководство по плавной смене изображений при наведении курсора мышки.

В этом примеры мы будем менять черно-белое изображение на цветное. Для получения такого эффекта мы будем использовать функцию animate.

Существуют тонны реализаций данной функции, но для этого приложения будем использовать базовый функционал.

Пример

Сначала качаем jQuery. Прикрепляем jQuery в head разделе вашего сайта.

Теперь функция.

Немного CSS.

И HTML код в body сайта.

В результате получился следующий код.

Примечание: Если вы используете jQuery в WordPress, то вам нужно заменить все знаки доллара ($) на слово jQuery, чтобы не было конфликта с другими библиотеками, использующими этот знак.


2 комментарий на “Как создать эффект исчезания при наведении курсора мышки на jQuery

    • Вам нужно вставить анимацию в содержание (статья, заметка и т.д.) сайта или в его оформление (лого, фон и т.д.)?

      В зависимости от ответа, дам вам необходимые рекомендации.

Оставить комментарий