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>
$( 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>
Использование:
Скрипт очень прост в использовании. Надо лишь добавить классы (см. ниже)
Code
* 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" - случайные частицы
* 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" - случайные частицы
Автор: Футболмастер
Скачать uRainbow - причудливые эффекты для uCoz с файлообменника
Посмотреть демо uRainbow - причудливые эффекты для uCoz
Другие новости |
Поделиться ссылкой
|