На сайте CSSBlast наткнулся на классный пример, демонстрирующий как можно оригинально использовать бэкграунды с применением CSS+JavaScript. Кстати, CSSBlast – отличный ресурс для тех, кто хочет разработать свой собственный web 2.0-проект!
Попробуйте проскроллировать страницу с описанием примера вверх и вниз. Правда не все комбинации скроллинга работают на всех браузерах – например, в Firefox если отключена опция Smooth Scrolling, то кнопки управления скроллингом (кнопки PgUp, PgDown, пробел, стрелки и др.) на клавиатуре работать не будут.
При скроллировании заметьте как двигается задний фон: сам текст двигается с нормальной скоростью, зелёный фон двигается с замедленной скоростью, а облака – наоборот, с убыстренной. Это так называемый “parallax”-эффект (даже не знаю как это на наш великий-могучий перевести
). Подобным образом можно делать сколько угодно параллельных слоёв, вернее столько, сколько браузер сможет отрендерить без тормозов… В общем, удивили!


Так и будет, параллакс. )
Комментарий от jeka911 — 13 Май 2007 @ 8:43 пп