Vergrößerter Text

Beim folgenden Javascript habt ihr die Möglichkeit, einen Text eurer Wahl auf eurer Homepage anzuzeigen, bei dem jeder Buchstabe wie bei einer Laufkette zuerst vergrößert und anschließend wieder in die ursprüngliche Größe zurückgesetzt wird.

Neben dem Farbcode und der Laufgeschwindigkeit könnt ihr natürlich auch nocht den Text selbst anpassen, der auf eurer Homepage dann erscheint, und auch die Größe des Textes.

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- var nachricht = "Mein bunter bunter Regenbogentext"; // Dein Text var groesse = 30; // Größe des Textes var geschwindigkeit = 50; // Geschwindigkeit der Farbveränderung in Millisekunden // an hier nichts mehr ändern document.write('<span id="regenbogentext" style="font-size: ' + groesse + 'px;">' + nachricht + '</span>'); var meinelement = document.getElementById("regenbogentext"); var hex = new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0"); var r = 1; var g = 1; var b = 1; var seq = 1; function textaendern(){ farbe = "#" + hex[r] + hex[g] + hex[b]; meinelement.style.color = farbe; } function aendern(){ switch (seq) { case 6: b--; if ( b == 0 ) seq = 1; break; case 5: r++; if ( r == 12 ) seq = 6; break; case 4: g--; if ( g == 0 ) seq = 5; break; case 3: b++; if ( b == 12 ) seq = 4; break; case 2: r--; if ( r == 0 ) seq = 3; break; case 1: g++; if ( g == 12 ) seq = 2; break; } textaendern(); } function initregenbogen(){ setInterval("aendern()", geschwindigkeit); } //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/texteffekte/vergroesserter-text/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">initregenbogen();</script> <!-- präsentiert von kostenlose-javascripts.de -->