Buchstaben Farbwechsel Tutorial

Die Schrift kann man auch bunter gestalten. In den Quelltext kannst Du 3 Farben reinschreiben; eine Grundfarbe (hier die Farbe des Seitenhintergrundes) und 2 Wechselfarben. Die Anzahl der Buchstaben, die die Farbe wechseln sollen, kannst Du auch beliebig eintragen. Im Beispiel habe ich alle Buchstaben mit der Wechselfarbe 1 versehen. Beachte die Kommentare im Quelltext und experimentiere fröhlich drauf los :o))

Funktioniert auch in FireFox und Opera !



Quelltext:

<!-- Hier die Schrift formatieren !! ------ ############################----------------- -->



<div align="center" style="font-size:38px;font-family:comic sans ms;">



<script language="JavaScript1.2">



var mess="Willkommen auf meiner Homepage !" // Dein Text



var neonz="black" // Grundfarbe der Schrift



var neony="blue" // Wechselfarbe 1



var neonx="red" // Wechselfarbe 2



var tempo=180 // Geschwindigkeit des Farbwechsels; kleinere Zahl = schneller



var letters1=2 // Anzahl der Buchstaben in der Wechselfarbe 1



var letters2=3 // Anzahl der Buchstaben in der Wechselfarbe 2



var pause=1000 // Die Pause in Millisekunden bis zum nächsten Wechsel (hier : 1 Sekunde)



// Ab hier nichts mehr ändern !!! ////////////////////////////////////////////////////////////////////////////////////////////////////////



var n=0



if (document.all||document.getElementById){



document.write('<font color="'+neonz+'">'



for (m=0;m<mess.length;m++)



document.write('<span id="neonlight'+m+'">'+mess.charAt(m)+'</span>'



document.write('</font>'



}



else



document.write(mess)



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<mess.length;m++)



crossref(m).style.color=neonz



}



//cycle through and change individual letters to neon color



crossref(n).style.color=neony



if (n>letters1-1) crossref(n-letters1).style.color=neonx



if (n>(letters1+letters2)-1) crossref(n-letters1-letters2).style.color=neonz



if (n<mess.length-1)



n++



else{



n=0



clearInterval(flashing)



setTimeout("start()",pause)



return



}



}



function start(){



if (document.all||document.getElementById)



flashing=setInterval("neon()",tempo)



}



start()



</script>



</div>

Mitglieder-Kommentare

---