За последние 24 часа нас посетили 19419 программистов и 1581 робот. Сейчас ищут 1783 программиста ...

Параллакс эффект

Тема в разделе "JavaScript и AJAX", создана пользователем jonathan-grinn, 11 фев 2016.

  1. jonathan-grinn

    jonathan-grinn Новичок

    С нами с:
    6 фев 2016
    Сообщения:
    71
    Симпатии:
    0
    Не подскажите, как делается параллакс, как на этом сайте:
    http://kg-portal.ru/
    (понимаю, что возможно вопрос не по теме)
     
  2. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.771
    Адрес:
    :сердА
    Это обыкновенный ul-список. В каждом элементе картинка. У каждого есть атрибут data-depth. При движении мыши над списком, JS смещает каждый слой на N*data-depth, где N - это расстояние по X между старым положением курсора и текущим на момент тика обработчика onmouseover.

    Это же легко понять, если открыть код страницы.

    И да, пхп тут не причем. Тема перенесена.
     
  3. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    мышку двигают? Картинку двигают.