• Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Исходники, Скрипты, Коды, Шаблоны, Примеры, Прикрепления, Инструменты и тп. » Скрипты jQuery, Примеры на jQuery и подобное » Радужный текст. Эффект плавного изменения цвета текста. (JavaScript. rainbowText)
Радужный текст. Эффект плавного изменения цвета текста.
Дата: Воскресенье, 11.09.2011, 02:03 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Скрипт:
Code
<script type="text/javascript">
var speed=50;
if(document.all||document.getElementById){var storetext=document.getElementById?document.getElementById("rainbowText"):document.all.rainbowText;}
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0"),r=1,g=1,b=1,seq=1;
function changetext(){rainbow="#"+hex[r]+hex[g]+hex[b];storetext.style.color=rainbow;}
function change(){if(seq==6){b--;if(b==0)seq=1}if(seq==5){r++;if(r==12)seq=6}if(seq==4){g--;if(g==0)seq=5}if(seq==3){b++;if(b==12)seq=4}if(seq==2){r--;if(r==0)seq=3}if(seq==1){g++;if(g==12)seq=2}changetext()}
function starteffect(){if(document.all||document.getElementById){flash=setInterval("change()",speed)}}
starteffect();
</script>


HTML:
Code
<h1 id="rainbowText">Блок с текстом для примера</h1>


CSS (не обязательно):
Code
<style type="text/css">
#rainbowText{text-align:center;font:48px/1.3 Georgia,serif;}
</style>


Пример (Радужный текст. Эффект плавного изменения цвета текста)
....


 
Дата: Суббота, 21.01.2012, 17:26 |
Полковник
Группа: Помощники
Сообщений: 210
Награды: 0
Репутация: 11
Статус: Offline


Привет, дружище!
На счет этого скрипта, а возможно придать этот эффект сразу нескольким блокам с текстом в разных местах страницы? Может как-то заменить id на class?
Кстати, по запросу "Радужный текст jQuery", гугл выдал мне твой сайт первым. Я забыл, что ты писал об этом скрипте, хотел поискать в Сети.:)


 
Дата: Воскресенье, 22.01.2012, 02:55 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Komoff,
Quote (Komoff)
а возможно придать этот эффект сразу нескольким блокам с текстом в разных местах страницы?

Возможно.
Сделай привязку не по ID, а по классу.
...

Quote (Komoff)
как-то заменить id на class?

Совершенно верно )
...


 
Дата: Вторник, 20.03.2012, 14:58 |
unqart
Рядовой
Группа: Зарегистрированные
Сообщений: 1
Награды: 0
Репутация: 0
Статус: Offline


Отличная статья!
Вот только хотел узнать, как использовать свои цвета?
Не могу понять по какому принципу идет подбор, можно краткую инструкцию по изменению цвета?

Пробовал менять значения в этой строке <!--"00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0"-->
Начинает очень быстро менять цвет.


 
Дата: Вторник, 20.03.2012, 16:24 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


unqart,
Quote (unqart)
Не могу понять по какому принципу идет подбор, можно краткую инструкцию по изменению цвета?

Вот по этим условиям:
Code
{if(seq==6){b--;if(b==0)seq=1}
if(seq==5){r++;if(r==12)seq=6}
if(seq==4){g--;if(g==0)seq=5}
if(seq==3){b++;if(b==12)seq=4}
if(seq==2){r--;if(r==0)seq=3}
if(seq==1){g++;if(g==12)seq=2}

...
Quote (unqart)
Пробовал менять значения в этой строке

Это лучше не трогать если не в курсе, стартовые значения вот:
Code
r=1,g=1,b=1

R,G,B - как обычно.
...


 
Скрипты и коды для юкоз - Форум аццкого кодера » Исходники, Скрипты, Коды, Шаблоны, Примеры, Прикрепления, Инструменты и тп. » Скрипты jQuery, Примеры на jQuery и подобное » Радужный текст. Эффект плавного изменения цвета текста. (JavaScript. rainbowText)
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия