<!-- STEPS TO INSTALL : 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY tag your HTML document 3. Put the final code inside the BODY of your HTML page --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <head> </head> <body background="fon.gif" bgcolor="#000000" text="red" link="violet" vlink="yellow" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" > <script> /*********************** Spirograph-Script Anfang *****************************/ var anzahl = 100; //die Länge des Spirographen var abstand1 = 5; //abstand zwischen den einzelenen punkten der seele in pixel var radius = 20; //wie weit dich die fäden von der seele entfernen function erzeuge() //erzeugt die ausrichtbaren Grafiken { var a=1; var text=""; document.body.innerHTML += "<span id='AAA' class='wurm'></span>"; while(a<=anzahl) { text +="<span id='wurmX"+a+"' style='{position:absolute; top:-10px; left:-10px; color:#808080; margin:0;}'>.</span>"; //die graue seele text +="<span id='wurma"+a+"' style='{position:absolute; top:-10px; left:-10px; color:#FF0000; margin:0;}'><b>.</b></span>"; //der rote faden text +="<span id='wurmb"+a+"' style='{position:absolute; top:-10px; left:-10px; color:#00FF00; margin:0;}'><b>.</b></span>"; //der grüne faden text +="<span id='wurmc"+a+"' style='{position:absolute; top:-10px; left:-10px; color:#0000FF; margin:0;}'><b>.</b></span>"; //der blaue faden a++; } document.all["AAA"].innerHTML = text; laufen(); } document.onload = setTimeout("erzeuge()",500); var x=-10,y=-10; function erfasse() //erfasst die Mauskordinaten { x = window.event.x + document.body.scrollLeft; y = window.event.y + document.body.scrollTop; } document.onmousemove = erfasse; var X=0,Y=0,winkel=0; function neue_koordinaten(x1,y1) //richtet das letzte Objekt ganz nach vorne { X = abstand1 * Math.sin(Math.atan2(y-y1,x-x1)); Y = abstand1 * Math.sin(Math.atan2(x-x1,y-y1)); winkel= Math.atan2(x-x1,y-y1); } var b=anzahl-1; var c=anzahl; var d=anzahl-Math.ceil(anzahl*0.75); var j=0; function laufen() { neue_koordinaten(document.all["wurmX"+d].style.pixelLeft,document.all["wurmX"+d].style.pixelTop); document.all["wurma"+b].style.pixelTop = document.all["wurmX"+c].style.pixelTop + X + Math.sin(j)*radius; document.all["wurmb"+b].style.pixelTop = document.all["wurmX"+c].style.pixelTop + X + Math.sin(j + Math.PI/3*2)*radius; document.all["wurmc"+b].style.pixelTop = document.all["wurmX"+c].style.pixelTop + X + Math.sin(j + Math.PI/3*4)*radius; document.all["wurmX"+b].style.pixelTop = document.all["wurmX"+c].style.pixelTop + X; neue_koordinaten(document.all["wurmX"+d].style.pixelLeft,document.all["wurmX"+d].style.pixelTop); document.all["wurma"+b].style.pixelLeft =document.all["wurmX"+c].style.pixelLeft + Y +Math.cos(j)*radius; document.all["wurmb"+b].style.pixelLeft =document.all["wurmX"+c].style.pixelLeft + Y +Math.cos(j + Math.PI/3*2)*radius; document.all["wurmc"+b].style.pixelLeft =document.all["wurmX"+c].style.pixelLeft + Y +Math.cos(j + Math.PI/3*4)*radius; document.all["wurmX"+b].style.pixelLeft =document.all["wurmX"+c].style.pixelLeft + Y; j+=1/6; b--; if(b<=0) b=anzahl; c--; if(c<=0) c=anzahl; d--; if(d<=0) d=anzahl; setTimeout("laufen()",10); } // /*********************** Spirograph-Sсript Ende *******************************/ </script> <CENTER> </center> <!-- copyright (i4) --><div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s201.ucoz.net/img/cp/8.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div><!-- /copyright --> </body> <script LANGUAGE="JavaScript"> <!-- Script Size: ? KB -->
