[Ликбез]

Форма входа
Логин:
Пароль:

Меню сайта


Скрипты и коды для юкоз - Форум аццкого кодера » Скрипты jQuery, Примеры на jQuery и подобное » Радужный текст. Эффект плавного изменения цвета текста.

Радужный текст. Эффект плавного изменения цвета текста.
[1] likbezz [11.09.2011, 02:03]
Скрипт:
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>


Пример (Радужный текст. Эффект плавного изменения цвета текста)
....
[2] Komoff [21.01.2012, 17:26]
Привет, дружище!
На счет этого скрипта, а возможно придать этот эффект сразу нескольким блокам с текстом в разных местах страницы? Может как-то заменить id на class?
Кстати, по запросу "Радужный текст jQuery", гугл выдал мне твой сайт первым. Я забыл, что ты писал об этом скрипте, хотел поискать в Сети.:)
[3] likbezz [22.01.2012, 02:55]
Komoff,
Quote (Komoff)
а возможно придать этот эффект сразу нескольким блокам с текстом в разных местах страницы?

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

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

Совершенно верно )
...
[4] unqart [20.03.2012, 14:58]
Отличная статья!
Вот только хотел узнать, как использовать свои цвета?
Не могу понять по какому принципу идет подбор, можно краткую инструкцию по изменению цвета?

Пробовал менять значения в этой строке <!--"00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0"-->
Начинает очень быстро менять цвет.
[5] likbezz [20.03.2012, 16:24]
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 - как обычно.
...


Полная версия сайта