2
Вы не авторизованы!
Присоединяйтесь к нашему сообществу :)
авторизация
Вакансии
На сайт требуется контент-менеджер
смотреть вакансии

Причудливые эффекты для ucoz.

Украшения 2012-Апр-07 karos 1.8k 199 5

 Причудливые эффекты для ucoz увеличивает пользовательское взаимодействие, обеспечивая декоративные эффекты. Это все упаковано в jQuery плагин. 
 uRainbow увеличивает пользовательское взаимодействие, обеспечивая декоративные эффекты. Это все упаковано в jQuery плагин.
Список эффектов:
* Стандартный эффект
* Бомба
* Пузыри
* Концентрация
* Ув. расстоянии
* Эффект при печати текста
* Случайные частицы
* Возможны разные комбинации
Установка:
1. Заливаем файл из папки js
2. Это между head и /head
Code

<style type="text/css">.uRainbow-particle { font-size:20px; font-family:arial; z-index:2; position:absolute }.uRainbow-fireball-particle { font-size:20px; }</style>


3. Активируем с помощью скрипта
Code

<script>
  $( function() {
   
  $.uRainbow( 'defaults', {  
  fireball: { colors : ['#bc0', '#9EC536', '#4c4'], targetX:200, particles:10 },
  bubbles: { colors : ['#bc0', '#9EC536', '#4c4']},
  snow: { colors : ['#bc0', '#9EC536', '#4c4'] },
  bomb: { colors : ['#bc0', '#9EC536', '#4c4'] },
  concentrate: { colors : ['#bc0', '#9EC536', '#4c4'] }
  });
   
   
   
  $(".fireball").uRainbow({
  type:'fireball'
  });
   
  $(".bomb").uRainbow({
  type:'bomb'
  });
   
  $(".snow").uRainbow({
  type:'snow'
  });
   
  $(".bubbles").uRainbow({
  type:'bubbles'
  });  
  $(".concentrate").uRainbow({
  type:'concentrate'
  });  
   
  $(".distance").uRainbow({
  type:'distance'
  });
   
  $(".input").uRainbow({
  type:'bubbles'
  });
   
  $(".charcatch").uRainbow({
  type:'concentrate',
  catchChars : true,
  particles: 2
  });
   
  $(".complex").uRainbow([
  { type:'bubbles' },
  { type:'snow' }
  ]);
   
  $(".rainbow").uRainbow({
  type:'bomb',
  randomizeParticles: true,
  colors: [ "#f88", "#8e4", "#4bf"],
  particles: 16,
  radius:64
   
  });
   
  });
  </script><script type="text/javascript" src="/js/uRainbow.js"></script>


Использование:
Скрипт очень прост в использовании. Надо лишь добавить классы (см. ниже)

* class="effects fireball" - стандартный эффект
* class="effects bomb" - бомба
* class="effects bubbles" - пузыри
* class="effects snow" - снег
* class="effects concentrate" - концентрация
* class="effects distance" - расстояние
* class="effects input" - текстовые эффекты
* class="effects complex" - комбинация
* class="effects charcatch" - подсветка букв
* class="effects rainbow" - случайные частицы
Источник: Uc-portaller
5 комментариев
avatar
1
ещё бы демки посмотреть...
avatar
2
"Пожалуйста, см. демо, чтобы получить лучшее представление о том, что он предлагает. " и де это демо?
avatar
3
мда ребята автор материала маленько чёто подзабыл)))
avatar
4
Блин где демо то. Написал смотрите демо а его нет, как смотреть? biggrin
avatar
5
вот демо http://joomla.ucoz.com/1/2/2/uRainbow.htm
avatar