Онлайн всего: 1
Гостей: 1
Пользователей: 0


ДЕМО Скачать исходники


Установка:

1. Перед тегом вставьте следующий код:

Code
  
<script type="text/javascript" src="http://ripbox.do.am/lesson/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="http://ripbox.do.am/lesson/jquery.jparallax.js"></script>
<link rel="stylesheet" type="text/css" href="http://ripbox.do.am/lesson/paralax.css">
<script type="text/javascript">
jQuery(document).ready(function(){
  jQuery('#parallax').jparallax({});
});
</script>



2. Там где вы хотите видеть этот Паралакс вставьте этот код:

Code
  
<div id="parallax">
  <div style="width: 700px; height: 300px;">
  <img alt="" src="http://ripbox.do.am/lesson/nebo.png">
  </div>
  <div style="width: 750px; height: 280px;">
  <img style="position:absolute; top:0px; left:350px;" alt="" src="http://ripbox.do.am/paralax/ben-ten.png">
  </div>
  <div style="width: 700px; height: 250px;">
  <img style="position:absolute; top:200px; left:0px;" alt="" src="http://ripbox.do.am/paralax/trava-ben.png">
  </div>
  <div style="width: 900px; height: 350px;">
  <img style="position:absolute; top:100px; left:150px;" alt="" src="http://ripbox.do.am/paralax/ben-gaz.png">
  </div>
  <div style="width: 900px; height: 300px;">
  <img style="position:absolute; top:100px; right:150px;" alt="" src="http://ripbox.do.am/paralax/ben-big.png">
  </div>
  <div style="width: 800px; height: 250px;">
  <h1 style="position:absolute; top:100px; right:355px;">RIPBOX.DO.AM</h1>
  </div>
</div>  





e>.securityCode { width:135px; height:35px; font-size:14pt; position:absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }

| Комментарий № 3 | Дата: 22.09.2013

Kick the tires and light the fires, problem ofliicalfy solved!


| Комментарий № 2 | Дата: 02.02.2012

прикольно поставлю се http://ben.clan.su


Bl0k | Комментарий № 1 | Дата: 29.01.2012

Все таки сделал smile Молодец

Создать бесплатный сайт с uCoz