Java & JavaScript


Home
Applets
Scripts
   Navigation:
 · Kontextmenü
 · Linkwechsler
   Dialogboxen:
 · Alert
 · Alert 2
 · Confirm
 · Prompt
   Animation:
 · Kreis
 · Kreis 2
 · Kreis 3
 · Drei Kreise
 · Spirale
 · Planetarium
 · Globus
   Grafik-Effekte:
 · Clipping
 · Clipping 2
 · Clipping 3
 · Alpha-Clipping
 · Fading
 · Wellenmuster
 · Wellenmuster 2
   Bildschirmschoner:
 · Proto
 · Marquee
 · Donut
 · Worm
 · Mondrian
 · Pacman
   Datum & Uhrzeit:
 · Countdown
 · Countup
 · Wochentag
 · Last Modified
   Fraktale:
 · Apfelmännchen
 · Apfelmännchen 2
 · Juliamenge
 · Juliamenge 2
 · C-Wert-Generator
   Mathematik:
 · Primzahlen
 · Primzahlen 2
   Verschiedenes:
 · Dynamic Popup
 · TextArea Counter
 · Warteschleife
 · Mausschreiber
Gäste
Kontakt

- JavaScript : Animation : Globus -


Eine rotierender Globus mit JavaScript

Erfolgreich getestet mit Internet Explorer 6.0, Netscape Navigator 7.1, sowie Mozilla 1.4.


Demo:


Quelltext:

<html>
    <head>
        <title>Globus-Animation</title>
    </head>

    <body onload="rotation()">

        <img id="globus" src="Globen/14.gif" width="32" height="32">

        <script language="JavaScript">
            // Grafiken vorladen
            Grafik = new Array(15);
            for(i=0;i<15;i++) {
                Grafik[i] = new Image();
                Grafik[i].src = "Globen/"+i+".gif";
            }

            i=14;
            function rotation() {
                document.getElementsByTagName('img')["globus"].src = "Globen/"+i+".gif";
                if(i>0) i--; else i=14;
                setTimeout('rotation()',120);
            }
        </script>

    </body>
<html>

Die Animation wird gestartet wenn die Seite vollständig geladen ist. Das Vorladen der Grafiken ist sinnvoll, da nicht alle Rechner eines der Bildchen in 120 Millisekunden (Rotationszeit) herunterladen können.

Mit document.getElementsByTagName('tagname')["idname"] lassen sich überings alle Html-Tags zur Laufzeit ansprechen und verändern.


Download  Globus.zip (Mit Globus-Bildern, ca. 17 kb)




© 2001-2004 Albert Kluge - Alle Rechte vorbehalten
Impressum | Datenschutz | Nutzung | eMail