kostenloser Webspace werbefrei: lima-city

Buchstaben Farbwechsel

lima-city → Forum → Die eigene Homepage → Homepage Allgemein

1. Autor dieses Themas

   n-club

   n-club hat kostenlosen Webspace.

   17:12, 10.11.2008

   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 !
   Aber: Was ist hier falsh: Das funzt nicht:
   
   
   
   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)
   
   
   
   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<mess.length-1)
   n++
   else{
   n=0
   learInterval(flashing)
   setTimeout("start()",pause)
   return
   }
   }
   function start(){
   if (document.all||document.getElementById)
   flashing=setInterval("neon()",tempo)
   }
   start()
   </script>
   </div>

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. tavern

   tavern hat kostenlosen Webspace.

   23:31, 10.11.2008

   Mal abgesehen davon, dass ich solche augenkrebsfördernden Maßnahmen eigentlich nicht unterstütze: definiere "Das funzt nicht" - Irgendwelche Fehlermeldungen? Keine Ausgabe? Falsche Ausgabe?

4. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?