Причудливые эффекты для
ucoz увеличивает пользовательское взаимодействие, обеспечивая декоративные эффекты. Это все упаковано в jQuery плагин. Пожалуйста, см. демо, чтобы получить лучшее представление о том, что он предлагает.
Список эффектов:
* Стандартный эффект
* Бомба
* Пузыри
* Концентрация
* Ув. расстоянии
* Эффект при печати текста
* Случайные частицы
* Возможны разные комбинации
Установка:
1. Заливаем файл из папки js
2. Это между head и /head
Code
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/js/uRainbow.js"></script>
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 li").uRainbow({
type:'fireball'
});
$(".bomb li").uRainbow({
type:'bomb'
});
$(".snow li").uRainbow({
type:'snow'
});
$(".bubbles li").uRainbow({
type:'bubbles'
});
$(".concentrate li").uRainbow({
type:'concentrate'
});
$(".distance").uRainbow({
type:'distance'
});
$(".input input").uRainbow({
type:'bubbles'
});
$(".charcatch input").uRainbow({
type:'concentrate',
catchChars : true,
particles: 2
});
$(".complex li").uRainbow([
{ type:'bubbles' },
{ type:'snow' }
]);
$(".rainbow li").uRainbow({
type:'bomb',
randomizeParticles: true,
colors: [ "#f88", "#8e4", "#4bf"],
particles: 16,
radius:64
});
});
</script>
Использование:
Скрипт очень прост в использовании. Надо лишь добавить классы (см. ниже)
* class="fireball" - стандартный эффект
* class="bomb" - бомба
* class="bubbles" - пузыри
* class="snow" - снег
* class="concentrate" - концентрация
* class="distance" - расстояние
* class="input" - текстовые эффекты
* class="complex" - комбинация
* class="charcatch" - подсветка букв
* class="rainbow" - случайные частицы
Пример