Радужный текст javascript - скрипты для сайта

Радужный текст

Текст появляется в стиле радуги. Для просмотра скрипта в работе (у вас должен быть включен в браузере Java Script) нажмите кнопку посмотреть пример.

<CENTER>
<body bgColor=#2e3435 link="#008000" onload="start(document.forms[0])" onunload="cleartids()">
<CENTER><font face="Arial"><i><font style="font-size:20px"><font color="#d71726">В</font><font color="#2b15e0">ы</font> <font color="#24d1d0">с</font><font color="#d09805">м</font><font color="#02cd29">о</font><font color="#e6a817">т</font><font color="#cd301b">р</font><font color="#f49f22">и</font><font color="#6805f1">т</font><font color="#9c04e9">е</font> <font color="#d6a731">п</font><font color="#d39b45">р</font><font color="#e7982a">и</font><font color="#d42004">м</font><font color="#eaa529">е</font><font color="#d6f211">р</font> <font color="#f76c06">р</font><font color="#d4ec1f">а</font><font color="#dad11d">б</font><font color="#ebd91d">о</font><font color="#f23206">т</font><font color="#a40bce">ы</font> <font color="#f79239">с</font><font color="#d52d0a">к</font><font color="#c70dde">р</font><font color="#fa3015">и</font><font color="#cfcb37">п</font><font color="#0cd2f4">т</font><font color="#712df8">а</font>  <font color="#05f9fb">Р</font><font color="#8517fe">а</font><font color="#12d517">д</font><font color="#e3f615">у</font><font color="#f4f817">ж</font><font color="#2b00e4">н</font><font color="#d30b03">ы</font><font color="#d3c35f">й</font> <font color="#f5bc14">т</font><font color="#dd081c">е</font><font color="#10cecd">к</font><font color="#2a15d1">с</font><font color="#0de9e2">т</font></font></i></font></CENTER>
<font face="Arial"><b><font style="font-size:20px" color="#ff9f9f">Д</font><font style="font-size:22px" color="#ffcf9f">о</font><font style="font-size:23px" color="#ffff9f">б</font><font style="font-size:25px" color="#dfff9f">р</font><font style="font-size:27px" color="#bfff9f">о</font><font style="font-size:28px"> </font><font style="font-size:30px" color="#9fff9f">п</font><font style="font-size:32px" color="#9fffcf">о</font><font style="font-size:33px" color="#9fffff">ж</font><font style="font-size:35px" color="#9fdfff">а</font><font style="font-size:37px" color="#9fbfff">л</font><font style="font-size:38px" color="#9f9fff">о</font><font style="font-size:40px" color="#cf9fff">в</font><font style="font-size:42px" color="#ff9fff">а</font><font style="font-size:43px" color="#ff6aaa">т</font><font style="font-size:45px" color="#ff3555">ь</font><font style="font-size:47px"> </font><font style="font-size:48px" color="#ff0000">н</font><font style="font-size:50px" color="#ff3311">а</font><font style="font-size:48px"> </font><font style="font-size:47px" color="#ff6622">с</font><font style="font-size:45px" color="#ff9933">а</font><font style="font-size:43px" color="#ffcc19">й</font><font style="font-size:42px" color="#ffff00">т</font><font style="font-size:40px"> </font><font style="font-size:38px" color="#aaff00">J</font><font style="font-size:37px" color="#55ff00">a</font><font style="font-size:35px" color="#00ff00">v</font><font style="font-size:33px" color="#00ff80">a</font><font style="font-size:32px" color="#00ffff">S</font><font style="font-size:30px" color="#00aaff">c</font><font style="font-size:28px" color="#0055ff">r</font><font style="font-size:27px" color="#0000ff">i</font><font style="font-size:25px" color="#3300ff">p</font><font style="font-size:23px" color="#6600ff">t</font><font style="font-size:22px" color="#9900ff">!</font><font style="font-size:20px"> </font></b></font>
<p><font face="Arial"><b><font style="font-size:20px" color="#ff9933">Д</font><font style="font-size:22px" color="#0000ff">о</font><font style="font-size:24px" color="#00ffff">б</font><font style="font-size:26px" color="#9900ff">р</font><font style="font-size:28px" color="#ffff00">о</font><font style="font-size:29px"> </font><font style="font-size:31px" color="#00ff00">п</font><font style="font-size:33px" color="#ff0000">о</font><font style="font-size:35px" color="#ffff00">ж</font><font style="font-size:37px" color="#ff9933">а</font><font style="font-size:39px" color="#00ff00">л</font><font style="font-size:41px" color="#00ffff">о</font><font style="font-size:43px" color="#9900ff">в</font><font style="font-size:44px" color="#0000ff">а</font><font style="font-size:46px" color="#ff0000">т</font><font style="font-size:48px" color="#00ffff">ь</font><font style="font-size:50px" color="#ff9933">!</font></b></font>

<script>
function MakeArray(n){
   this.length=n;
   for(var i=1; i<=n; i++) this[i]=i-1;
   return this
}
hex=new MakeArray(16);
hex[11]="A"; hex[12]="B"; hex[13]="C"; hex[14]="D"; hex[15]="E"; hex[16]="F";
function ToHex(x){           
   var high=x/16;
   var s=high+"";               
   s=s.substring(0,2);          
   high=parseInt(s,10);      
   var left=hex[high+1];    
   var low=x-high*16;           
   s=low+"";                  
   s=s.substring(0,2);         
   low=parseInt(s,10);         
   var right=hex[low+1];       
   var string=left+""+right;    
   return string;
}
function rainbow(text){
   text=text.substring(3,text.length-4);     
   color_d1=255;               
   mul=color_d1/text.length;
var page
   for(i=0;i<text.length;i++){
      color_d1=255*Math.sin(i/(text.length/3)); // some other things you can try>> "=255-mul*i" to fade out, "=mul*i" to fade in, or try "255*Math.sin(i/(text.length/3))"
      color_h1=ToHex(color_d1);
      color_d2=mul*i;
      color_h2=ToHex(color_d2);
	page = '<FONT COLOR="#FF' + color_h1+color_h2+ '">'
	page += text.substring(i,i+1)+ '</FONT>';
	document.write(page)
   }
}
</script>

<p align="center"><font face="Fixedsys"><span style="background-color: rgb(0,0,0)"><script
LANGUAGE="JavaScript">
rainbow("-->Добро пожаловать на сайт Javascript
</script></span></font></p>

Разделы сайта

Достоинства JavaScript Сравнение JavaScript с другими популярными языками программирования.

Объекты и их атрибуты Наиболее часто в сценариях javascript нам придется обращаться к объектам.

Объекты и их имена
Веб страница представляет собой набор объектов содержащих в себе информацию.

Просмотреть все

Free Web Hosting