[Beschreibung]
[Kompatibilität]
[Code]
<Div id="a0" style="position:absolute;top:0px;left:0px;width:2px;height:2px;background-color:#ffffff;font-size:2px"></Div> <Div id="a1" style="position:absolute;top:0px;left:0px;width:2px;height:2px;background-color:#ffffff;font-size:2px"></Div> <Div id="a2" style="position:absolute;top:0px;left:0px;width:2px;height:2px;background-color:#ffffff;font-size:2px"></Div> <Div id="a3" style="position:absolute;top:0px;left:0px;width:2px;height:2px;background-color:#ffffff;font-size:2px"></Div> <Div id="a4" style="position:absolute;top:0px;left:0px;width:2px;height:2px;background-color:#ffffff;font-size:2px"></Div> <Div id="a5" style="position:absolute;top:0px;left:0px;width:2px;height:2px;background-color:#ffffff;font-size:2px"></Div> <Div id="a6" style="position:absolute;top:0px;left:0px;width:2px;height:2px;background-color:#ffffff;font-size:2px"></Div> <Div id="a7" style="position:absolute;top:0px;left:0px;width:2px;height:2px;background-color:#ffffff;font-size:2px"></Div> <Div id="a8" style="position:absolute;top:0px;left:0px;width:2px;height:2px;background-color:#ffffff;font-size:2px"></Div> <Div id="a9" style="position:absolute;top:0px;left:0px;width:2px;height:2px;background-color:#ffffff;font-size:2px"></Div> <Div id="a10" style="position:absolute;top:0px;left:0px;width:2px;height:2px;background-color:#ffffff;font-size:2px"></Div> <Div id="a11" style="position:absolute;top:0px;left:0px;width:2px;height:2px;background-color:#ffffff;font-size:2px"></Div> <Div id="a12" style="position:absolute;top:0px;left:0px;width:2px;height:2px;background-color:#ffffff;font-size:2px"></Div> <Div id="a13" style="position:absolute;top:0px;left:0px;width:2px;height:2px;background-color:#ffffff;font-size:2px"></Div> <Div id="a14" style="position:absolute;top:0px;left:0px;width:2px;height:2px;background-color:#ffffff;font-size:2px"></Div> <Div id="a15" style="position:absolute;top:0px;left:0px;width:2px;height:2px;background-color:#ffffff;font-size:2px"></Div> <script language="JavaScript"> <!-- Stars Multi-Fx3 Script by kurt.grigg@virgin.net //Modifications for DOM compatibility by nightfire var nn= (document.getElementById && !document.all); // Netscape ab Version 6 var ie= (document.all && document.getElementById); // Explorer ab Version 5 var CoLoUrS=new Array('ff0000','ffffff','0000ff','ffffff');//<--Add own/more colours here! var dots=15; var ThingsInArray; var step=0.3; var a_StEp=0.05; var RunTime=0; var currStep = 0; var Xpos = 0; var Ypos = 0; var cntr=70; var count_a=0; var move_a=1; var curColour; var count=0; var move=1; function colourStep(){ count+=move; tempid="a"+count if (count >= dots) {count=0;count_a+=move} if (count_a == CoLoUrS.length) count_a=0; document.getElementById(tempid).style.backgroundColor=CoLoUrS[count_a]; setTimeout('colourStep()',100) } function moveAbout(){ if (nn){ Ypos = window.pageYOffset+window.innerHeight/2 + window.innerHeight/3.1 * Math.cos((RunTime)/3)*Math.cos(RunTime/50); Xpos = window.pageXOffset+window.innerWidth/2 + window.innerWidth/2.4 * Math.sin((RunTime)/5)*Math.cos(RunTime/30); } else{ Ypos = document.getElementsByTagName("body")[0].scrollTop+document.getElementsByTagName("body")[0].offsetHeight/2 + document.getElementsByTagName("body")[0].offsetHeight/2.8*Math.cos((RunTime)/3)*Math.cos(RunTime/10); Xpos= document.getElementsByTagName("body")[0].scrollLeft+document.getElementsByTagName("body")[0].offsetWidth/2 + document.getElementsByTagName("body")[0].offsetWidth/2.4*Math.sin((RunTime)/5)*Math.sin(RunTime/20); } RunTime+=a_StEp; Tma=setTimeout("moveAbout()", 10); } function TwistnSpin(){ for ( i = 0 ; i < 16 ; i++ ) //number of NS layers! { var templayer="a"+i document.getElementById(templayer).style.top = Ypos+cntr*Math.cos((currStep + i*4)/10.2)*Math.cos(currStep/10) document.getElementById(templayer).style.left =Xpos+cntr*Math.sin((currStep + i*4)/10.2); } currStep+=step; setTimeout("TwistnSpin()",10); } function Shrink(){ cntr-=0.5; GoShrink=setTimeout('Shrink()',10); if (cntr <=20) {clearTimeout(GoShrink);Swell()} } function Swell(){ cntr+=0.5; GoSwell=setTimeout('Swell()',10); if (cntr >=70) {clearTimeout(GoSwell);Shrink()} } function StArTuP(){ moveAbout(); TwistnSpin(); Shrink(); colourStep(); } StArTuP(); // --> </script>
Kurt Grigg DOM Kompatibilität by nightfire
kopieren Sie bitte den Code