Farbverlauf im Text

Wenn man einen Text via Javascript verblassen lassen möchte, kann man sich dieses Javascript auf der eigenen Homepage einbauen.

Als Testnachricht wurde hier ein Text genommen, welcher von blau nach weiß verblasst. Zur Auswahl als Startfarbe steht rot, grün oder blau. Dies kann über die Variable nachricht gesteuert werden. Auch die Textgröße und die Schriftart kann angepasst werden.

Ein ähnliches Javascript, bei dem ihr auch die zweite Farbe mit angeben könnt, findet ihr hier.

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- // made by cordius. e-mail: aruren (at) yahoo.com // // feel free to use/distribute/modify this // // as long as you keep this message here // var nachricht = 'Diese Nachricht verblasst ganz langsam und allmählich...'; var groesse = 14; var schriftart = 'Trebuchet MS'; var farbe = 2; // 0: rot, 1: gruen, 2: blau // ab hier nichts mehr aendern function tableau (n) { var nb; this.length = n; for (var i = 1; i <=n; i++) if (i<10) { nb = i+""; nb = nb.substring(0,1); this[i] = nb; } return this; } function conversion(couleur) { var reste=1; var indice; var hexa1; var hexa2; var couleurHexa; tabHex = new tableau(16); tabHex[10]="A"; tabHex[11]="B"; tabHex[12]="C"; tabHex[13]="D"; tabHex[14]="E"; tabHex[15]="F"; indice = 1; hexa2 = (couleur%16); hexa1 = parseInt(couleur/16); hexa2 = tabHex[hexa2]; if (hexa2 == null) hexa2 = "0"; hexa1 = tabHex[hexa1]; if (hexa1 == null) hexa1 = "0"; couleurHexa = hexa1 + hexa2; return couleurHexa; } function degrade(texte, taille, police, RGB) { var nbCouleurMax = 256; var facteur = nbCouleurMax/texte.length; var couleur; var i; var c1,c2,c3; for (i=0;i<texte.length;i++) { ton=facteur*i; if (RGB == 0) { c1 = 'FF' c2 = conversion(ton); c3 = c2; } else if (RGB == 1) { c1 = conversion(ton); c2 = 'FF' c3 = c1; } else { c1 = conversion(ton); c2 = c1; c3 = 'FF' } document.write ('<span style="font-size:' + taille + 'px; font-family: ' + police + '; color: #' + c1 + c2 + c3 + ';">' + texte.substring (i,i+1) + '</span>'); } } //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/texteffekte/farbverlauf-im-text/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">degrade(nachricht,groesse,schriftart,farbe);</script> <!-- präsentiert von kostenlose-javascripts.de -->