Neontext

Das folgende Javascript bietet euch die Möglichkeit, einen beliebigen Text oder Spruch auf eurer Seite so zu platzieren, dass es den unten zu sehenden Effekt gibt.

Dabei könnt ihr neben dem eigentlichen Text auch die Größe und die Farben einstellen. Die Farbcodes findet ihr natürlich auch bei uns 😉

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- /* Neon Lights Text von JavaScript Kit (http://javascriptkit.com) Modifiziert von www.kostenlose-javascripts.de */ var message = "Willkommen auf meiner Seite!"; // Hier den Text anpassen var neonbasecolor = "#AAAAAA"; // Textfarbe normal var neontextcolor = "#FFFF00"; // Textfarbe bei Highlight var neontextbackground = "#000000"; // Hintergrundfarbe var neontextsize = "20"; // Größe des Textes var flashspeed = 100; // Geschwindigkeit in Millisekunden // Ab hier nichts mehr ändern! var n=0; if (document.all||document.getElementById){ document.write('<span style="color: '+neonbasecolor+'; font-size: '+neontextsize+'px; background-color: '+neontextbackground+'; padding: 5px;">'); for (m=0;m<message.length;m++) document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>'); document.write('</span>'); } else document.write(message); function crossref(number){ var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number); return crossobj; } function neon(){ //Change all letters to base color if (n==0){ for (m=0;m<message.length;m++) //eval("document.all.neonlight"+m).style.color=neonbasecolor crossref(m).style.color=neonbasecolor; } //cycle through and change individual letters to neon color crossref(n).style.color=neontextcolor; if (n<message.length-1) n++; else{ n=0; clearInterval(flashing); setTimeout("beginneon()",1500); return; } } function beginneon(){ if (document.all||document.getElementById) flashing=setInterval("neon()",flashspeed); } //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/texteffekte/neontext/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">beginneon();</script> <!-- präsentiert von kostenlose-javascripts.de -->