Плагины для реализации фоновых эффектов: масштабируемые фоновые изображения, эффект движения фоновых слоев, hover-эффект. Всего в заметке собрано 7 оригинальных jQuery решений для работы с фоном.

1. jQuery плагин «Parallax 0.2»

Плагин поможет вам реализовать эффект объемного движения фона при перемещении мыши по экрану.

2. jQuery плагин «Backstretch»

Простой JQuery плагин, который позволяет добавлять масштабируемые фоновые изображения на сайт. Фоновое изображение будет растягиваться на всю ширину окна и автоматически масштабироваться при изменении размера окна браузера.

3. Parallax

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

4. Фоновый эффект на jQuery

Фоновый эффект (движение по слоям). На демонстрационной странице поводите мышкой по экрану, чтобы увидеть эффект в действии.

5. Spritley

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

6. Фоновый эффект «Vertical Parallax»

Эффект вертикальной прокрутки фоновых слоев. Каждый слой движется с разной скоростью, в итоге получается довольно интересный фоновый эффект.

7. Фоновая jQuery анимация на странице

Анимированный jQuery эффект при перемещении курсора по экрану.