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

, но стоит заметить один минуc —вся это конструкция будет ресурсоемкой, и замедлит загрузку сайта. Для начала нам необходимо подключить скрипты , для этого мы будем использовать стандартную библиотеку jQuery и вспомогательный плагин  jquet.pngfix:

Теперь рассмотрим разметку HTML, данный код прост настолько, насколько это возможно. Вы можете добавить тот контент, который вам нужен. Правила формирования контента не должны расходиться со следующим примером:

Теперь давайте немного оформим то, что у нас есть. Для того чтобы всё было пучком, нам необходимо указать ширину и высоту контейнера и элемента.

Теперь рассмотрим сам файл custom.js. Во-первых, нам надо указать высоту изображения, инициализировав переменную ‘backgroundheight’. Вставьте эти числа, чтобы создать рандомизированную стартовую позицию для обоих изображений вместо ‘2001’ и ‘1001’ выше.стартовую позицию для обоих изображений вместо ‘2001’ и ‘1001’ выше.

Также вы можете изменить скорость зависания, изменяя значение ‘100’. Наконец измените ‘#content‘ и ‘#overlay‘ для вашего содержания. Материал взят из зарубежного источника. И представлен исключительно в ознакомительных целях.