Очень интересный и простой скрипт создающий спецэффект бегущей радуги по тексту.
Цитата:
<html>
<head>
<title>Радужный текст</title>
<script language="JavaScript" type="text/javascript">
// <![CDATA[var speed = 100;
// Меняем скорость измененя цвета speed colours change, 1 second = 1000var raincol = new Array("#ff0000", "#ff9900", "#ffff00", "#99ff00", "#00ff00", "#00ff99", "#00ffff", "#0099ff", "#0000ff", "#9900ff", "#ff00ff", "#ff0099");
// можете использовать свои цветаvar alink = "";
// поместите сюда вашу ссылку (set to ="" for no link) /****************************
* Rainbow Text Effect *
*(c) 2003-5 mf2fm web-design*
* http://www.mf2fm.co.uk/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/ var rainbow, raintxt, raincnt = 0;
window.onload = function()
{
if (document.getElementById)
{
var i, raini;
rainbow = document.getElementById("rainbow");
raintxt = rainbow.firstChild.nodeValue;
while (rainbow.childNodes.length) rainbow.removeChild(rainbow.childNodes[0]);
for (i = 0; i < raintxt.length; i++)
{
raini = document.createElement("span");
raini.setAttribute("id", "rain"+i);
raini.appendChild(document.createTextNode(raintxt.charAt(i)));
if (alink)
{
raini.style.cursor="pointer";
raini.onclick=function()
{ top.location.href = alink; }
}
rainbow.appendChild(raini);
}
rainbow = setInterval ("raining()", speed);
}
}
// конец функции function raining()
{
for (var i = 0; i < raintxt.length; i++) document.getElementById("rain"+i).style.color = raincol[(i + raincnt) % raincol.length];
raincnt++;
}
// ]]>
</script>
</head>
<body>
<span id="rainbow">Радужный текст</span>
</body>
</html>
Скрипт с сайта mysite.e-stile.ru.
Оставил скрипт без изменений, как он был.
Зелёным цветом в коде оригинала выделены места в которых автор скрипта оставлял свои коментарии.
Переменную
var speed = 100 меняем для изменения скорости изменения цета. Изменению подлежит только аргумент - 100. Например, вместо 100, напишите 300 и посмотрите что будет.
Переменная
var raincol = new Array создаёт массив из различных цветов -
("#ff0000", "#ff9900", "#ffff00", "#99ff00", "#00ff00", "#00ff99", "#00ffff", "#0099ff", "#0000ff", "#9900ff", "#ff00ff", "#ff0099") которые вы вольны менять, добавлять и / или уберать, главное - сохраняйте формат в котором вы указываете цвет. Как и ранее - меняем только аргумент !!! Аргумент в данном случае у нас цвета - #99ff00 ; #ff0099.... и т.д.
Переменная
var alink = ""; превратит ваш текст в линк. Ссылку вписывать между ковычками
"". Это делать не обязательно и работает это как опция.
Переменные var rainbow, raintxt, raincnt = 0; используются скриптом.
Далее идёт сам скрипт и разбирать как всё работает мы тут не будем - придётся слишком много писать а у меня сейчас для этого нет желания.
Обращаю ваше внимание на следующую строку идущую сразу за тегом
<body>
<span id="rainbow">Радужный текст</span>
пометил я красным весь код не случаено, это сделано для акцента на нём. Каждый раз, когда в теле странице (после тега <body>) вы поместите эту выделенную строку а вместо слов "Радужный текст" напишите что-то другое, например - "Вася Пупкин", то написанный текст начнёт переливаться всеми цветами радуги. Это к тому, что НЕ НУЖНО каждый раз, когда вы хотите в любом месте вашей странице привлечь внимание "радужным текстом" описывать весь скрипт ! Достаточно поместить только одну строку - <span id="rainbow">ТУТ ЛЮБОЙ ТЕКСТ</span>, тем самым мы будем вызывать всю функцию каждый раз, когда напишем явный вызов функции <span id="rainbow">. После того, как мы закрываем вызов функции </span>, текст после закрывающего тега, будет отформатирован глобальными тегами или тегами по месту.
Продолжение следует. Ну в общем как-то так...