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 -
<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.
|