Buchstaben Farbwechsel
3116 - npage-club - 26.10.2008 10:56 Uhr - Version: 1 - - verlinken als BB-Code
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>