All-For-Kompa.RU

Сегодня:
Карта сайта форум Главная
Скрыть рекламный блок

Всё для компа

chat

Видео дня

Популярное

Реклама

Хочешь помочь проекту? Установи наш баннер!

Партнёры



Развлекательный портал по игре Dota 2. У нас вы первым узнаете о последних игровых новостях, сможете почитать интересные статьи и гайды, посмотреть стримы популярных комментаторов и многое другое.

Про-софт - сайт професионального софта. Ето сайт не только софта но также игровых дополнений, музыки, фильмов, игр для ПК а также читов для ПК игр. Постоянное обновление материалов и каждый день появляется чтото новенькое!

Авторизация


Реклама

Хочешь помочь проекту? Установи наш баннер!

Опрос

что лучше?

1. Mozilla Firefox
2. Opera
3. IE

Реклама

Хочешь помочь проекту? Установи наш баннер!

Популярные тэги

Комментарии

Счетчики

На сайте: 2
Прохожие: 2
Пользователей: 0
Статус:

Счётчик тИЦ и PR Rambler's Top100
HTML и DHTML [2] JavaScript [5]
Mootools [2] JQuery [22]
Разное [2] CSS [4]
PHP [1]
АвторАвтор: leonP4 | ДатаДата: 05.09.2010 |Голосов: 0


Довольно-таки интересный плагин, который вращает блок с любым вашим
текстом в 3D (Влево, вправо, вверх или вниз) при нажатии на
соответствующую кнопку

Установка:

После /head на нужных страницах вставляйте:

Code
<link rel="stylesheet" type="text/css" href="/css/flip.css"/>  
  <script src="/js/jquery-ui-1.7.2.custom.min.js"></script>  
  <script src="/js/jquery.flip.min.js"></script>  
  <script type="text/javascript">  
  $(function(){  
   
  $("#flipPad a:not(.revert)").bind("click",function(){  
  var $this = $(this);  
  $("#flipbox").flip({  
  direction: $this.attr("rel"),  
  color: $this.attr("rev"),  
  content: $this.attr("title"),//(new Date()).getTime(),  
  onBefore: function(){$(".revert").show()}  
  })  
  return false;  
  });  
   
  $(".revert").bind("click",function(){  
  $("#flipbox").revertFlip();  
  return false;  
  });  
   
  var changeMailTo = function(){  
  var mArr = ["@","smashup","luca",".it"];  
  $("#email").attr("href","mailto:"+mArr[2]+mArr[0]+mArr[1]+mArr[3]);  
  }  
   
  $(".downloadBtn").click(function(){  
  pageTracker._trackPageview('download_flip');  
  });  
   
  setTimeout(changeMailTo,500);  
   
  });  
  </script>

Далее в то место, где будет сам блок:

Code
<div id="flipbox">Hello! I'm a flip-box! :)</div>  
  <div id="flipPad">  
  <a href="" class="left" rel="rl" rev="#39AB3E" title="Здесь контент блока с поворотом влево">Налево</a>  
  <a href="" class="top" rel="bt" rev="#B0EB17" title="Здесь контент блока с поворотом вверх">Вверх</a>  
  <a href="" class="bottom" rel="tb" rev="#82BD2E" title="Здесь контент блока с поворотом вниз">Вниз</a>  
  <a href="" class="right" rel="lr" rev="#C8D97E" title="Здесь контент блока с поворотом вправо">Вправо</a>  
  <a href="" class="revert">Повторить</a>  
  </div>

Осталось лишь залить из прикреплённого архива два скрипта в папку js и стиль в папку css

Материал подготовлен Apocalypse


Теги к статье:

| : jQuery, Вращение, блока, текстом, 3d
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Популярные файлыНовые файлы
Call of Duty 5: World at ...[ Скачали 67375 раз ]
Амфибии, Гайд по ассасина...[ Скачали 31758 раз ]
Амфибии, Гайд по шаманам.[ Скачали 30663 раз ]
cs 1.6 patch v48 full[ Скачали 29046 раз ]
Русский бот PW Alfa v 2.6[ Скачали 17192 раз ]
Огромный пак глюков и баг...[ Скачали 12745 раз ]
civilization 5 скачать бе...[ Скачали 11941 раз ]
PW MP5[ Скачали 11149 раз ]
MHS-Bot-PW 2.3 ботовод[ Скачали 10405 раз ]
Niko Bellic (нико белич) ...[ Скачали 10006 раз ]
Wallpapers Girls №1044[ Добавлен 14.04.2024 ]
Shadow Corridor 2 (2024/E...[ Добавлен 14.04.2024 ]
Inkbound (2024/En/MULTI/R...[ Добавлен 13.04.2024 ]
The Planet Crafter (2024/...[ Добавлен 13.04.2024 ]
My Life: Farm Vet (2024/R...[ Добавлен 12.04.2024 ]
Headquarters: World War I...[ Добавлен 12.04.2024 ]
Ereban: Shadow Legacy (20...[ Добавлен 11.04.2024 ]
Broken Roads (2024/Ru/En/...[ Добавлен 11.04.2024 ]
Wallpapers Girls №1042[ Добавлен 11.04.2024 ]
Children of the Sun (2024...[ Добавлен 09.04.2024 ]