Sonne, Merkur, Venus, Erde, Mars, Jupiter, Saturn, Uranus, Neptun und Pluto.
Die Abstände sind nicht maßstabgetreu. Die Verhältnisse der Umlaufzeiten stimmen in etwa.
Erfolgreich getestet mit Internet Explorer 5.5 und 6.0, Netscape Navigator 4.75, 6.01 - 6.22, 7.0 und 7.1, Mozilla 1.0, 1.21 und 1.4, sowie Opera 5.02, 5.11, 6.0, 6.01 und 7.01. (Opera bis 6x aber ohne Sonne)
Demo:
JavaScript-Quellcode:
<script language="JavaScript">
// Mittelpunkt festlegen
var xM=140;
var yM=140;
// div-Tags für die Punkte zunächst außerhalb des sichtbaren Bildschirms platzieren
document.write(
"<style type='text/css'>div{position:absolute;left:-30px;top:-30px}</style>");
//Elemente in div-Tags schreiben
document.write(
"<div id='P0'>S</div>"+
"<div id='P1'>M</div>"+
"<div id='P2'>V</div>"+
"<div id='P3'>E</div>"+
"<div id='P4'>M</div>"+
"<div id='P5'>J</div>"+
"<div id='P6'>S</div>"+
"<div id='P7'>U</div>"+
"<div id='P8'>N</div>"+
"<div id='P9'>P</div>");
// Browserweiche (ie 5+ und nn 6+ / ie 4+ / nn 4.x)
var laySyntax=new Array();
for(i=0;i<10;i++) {
if(document.getElementById) laySyntax[i]=document.getElementById("P"+i).style;
else if(document.all) laySyntax[i]=document.all.tags("div")[i].style;
else if(document.layers) laySyntax[i]=document.layers[i];
}
// Sonnensystem
var alpha=0;
laySyntax[0].left=xM;
laySyntax[0].top=yM;
function move() {
laySyntax[1].left=xM+15*Math.cos(alpha*20.75);
laySyntax[1].top=yM+15*Math.sin(alpha*20.75);
laySyntax[2].left=xM+30*Math.cos(alpha*8.13);
laySyntax[2].top=yM+30*Math.sin(alpha*8.13);
laySyntax[3].left=xM+45*Math.cos(alpha*5);
laySyntax[3].top=yM+45*Math.sin(alpha*5);
laySyntax[4].left=xM+60*Math.cos(alpha*2.66);
laySyntax[4].top=yM+60*Math.sin(alpha*2.66);
laySyntax[5].left=xM+75*Math.cos(alpha*0.42);
laySyntax[5].top=yM+75*Math.sin(alpha*0.42);
laySyntax[6].left=xM+90*Math.cos(alpha*0.17);
laySyntax[6].top=yM+90*Math.sin(alpha*0.17);
laySyntax[7].left=xM+105*Math.cos(alpha*0.06);
laySyntax[7].top=yM+105*Math.sin(alpha*0.06);
laySyntax[8].left=xM+120*Math.cos(alpha*0.03);
laySyntax[8].top=yM+120*Math.sin(alpha*0.03);
laySyntax[9].left=xM+135*Math.cos(alpha*0.02);
laySyntax[9].top=yM+135*Math.sin(alpha*0.02);
// Winkel-Geschwindigkeit
alpha=alpha-0.01;
setTimeout('move()',20);
}
</script>
Gestartet wird das Planetarium-Script durch die Anweisung onload="move()" im body-Tag.