Igromen.Do.Am - игровой и кино портал, объединяющий в себе множество новостей и публикаций, огромный форум для веб - мастеров.
1381
524
283
новостей в ленте
тем на форуме
пользователей
Будь в курсе
Это интересно
Загружай и играй
Всё для uCoz
Правила сайта
Правила форума Форум игромании и киномании Igromen.Do.Am
ФОРУМ Игромания и киномания – сообщество пользователей игрового портала Igromen.Do.Am.
Форум - это место, где можно обсудить игровые новости и обновления, задать вопросы, разместить объявления и сообщения, дать объявления о предоставляемых вами услугах, поделиться полезной информацией и способами, вступить в команду портала (на должности модератора, журналиста), а также найти себе друзей и товарищей для общения и совместного времяпровождения в играх.
Все действия (общение и размещение информации) регламентируются правилами форума.
ТОП-5 по сообщениям
1
ТОП-5 по репутации
  • Страница 1 из 1
  • 1
Форум » Система UcoZ » Скрипты для uCoz » Параллакс эффект
Параллакс эффект
#1
Димон
Администраторы
/.s/a/38/496767602.png
Менеджер проекта
Статус:
Online
Регистрация:
07.10.2012
Сообщения:
754


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

Установка:

В head

Code
<script src="http://webo4ka.ru/Ucoz5/jquery.parallax-0.2-min_parallakc_effekt.js" type="text/javascript"></script>  
  <link rel="stylesheet" media="screen" type="text/css" href="http://webo4ka.ru/Ucoz5/screen_parallakc_effekt.css" />  
  <script type="text/javascript">  
  $('body').parallax({  
  'elements': [  
  {  
  'selector': 'body',  
  'properties': {  
  'x': {  
  'background-position-x': {  
  'initial': 0,  
  'multiplier': 0.1,  
  'invert': true  
  }  
  }  
  }  
  },  
  {  
  'selector': 'div.outer',  
  'properties': {  
  'x': {  
  'background-position-x': {  
  'initial': 50,  
  'multiplier': 0.02,  
  'unit': '%'  
  }  
  }  
  }  
  },  
  {  
  'selector': 'div.inner',  
  'properties': {  
  'x': {  
  'background-position-x': {  
  'initial': 0,  
  'multiplier': 0.3  
  }  
  }  
  }  
  }  
  ]  
  });  
  </script>


после body

Code
<div id="main">  
  <div class="wrapper outer">  
  <div class="wrapper inner">  
  <br/><br/><br/><br/><br/>  
  <br/><br/><br/><br/><br/>  
  <br/><br/><br/><br/><br/>  
  <br/><br/><br/><br/><br/>  
  </div>  
  </div>  
  </div>
Форум » Система UcoZ » Скрипты для uCoz » Параллакс эффект
  • Страница 1 из 1
  • 1
Поиск:
О портале Igromen.Do.Am
Контакты
В помощь пользователям