Несколько интересных hover-эффектов (эффекты при наведении курсора) с использованием jQuery: смена изображений и анимированные эффекты. В заметке представлено 13 различных эффектов.

1. Плагин «Photo Zoom»

2. jQuery эффект при наведении

Плавный переход от монохромного изображения к цветному при наведении курсора с использованием jQuery.

3. Hover-эффект с помощью CSS и jQuery

Эффект замены фотографий при наведении курсора мышки. Фотографии представлены в виде спрайтов (несколько фото, объедененных в одну).

4. Анимированный эффект при наведении

jQuery эффект: элемент затемнен до тех пор пока на него не будет наведен курсор мыши. Отличный способ заострить внимание посетителя на каком-нибудь элементе на странице.

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

Очень интересный эффект. При наведении курсора мыши происходит смена изображений. При клике мышкой все изображения сменятся одновременно.

6. CSS анимированный эффект при наведении

Смена изображений при наведении. Эффект не поддерживает IE.

7. Эффект при наведении с использованием CSS спрайтов и jQuery

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