<script> var anzahl = 30; var groesse = 35; var abstand1 = 7; var Farbe = 0; farbbibliothek = new Array(); farbbibliothek[0] = new Array("#FF0000","#FF0000","#FF0000","#FF1100","#FF2200","#FF3300","#FF4400","#FF5500","#FF6600","#FF7700","#FF8800","#FF9900","#FFaa00","#FFbb00","#FFcc00","#FFdd00","#FFee00","#FFff00","#FFff00","#FFff00","#FFee00","#FFdd00","#FFcc00","#FFbb00","#FFaa00","#FF9900","#FF8800","#FF7700","#FF6600","#FF5500","#FF4400","#FF3300","#FF2200","#FF1100"); farbbibliothek[1] = new Array("#00FF00","#000000","#00FF00","#00FF00"); farbbibliothek[2] = new Array("#00FF00","#FF0000","#FF0000","#FF0000","#FF0000","#FF0000","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00"); farbbibliothek[3] = new Array("#FF0000","#FF4000","#FF8000","#FFC000","#FFFF00","#C0FF00","#80FF00","#40FF00","#00FF00","#00FF40","#00FF80","#00FFC0","#00FFFF","#00C0FF","#0080FF","#0040FF","#0000FF","#4000FF","#8000FF","#C000FF","#FF00FF","#FF00C0","#FF0080","#FF0040"); farbbibliothek[4] = new Array("#FF0000","#FF0000","#FF0000","#EE0000","#DD0000","#CC0000","#BB0000","#AA0000","#990000","#880000","#770000","#660000","#550000","#440000","#330000","#220000","#110000","#000000","#000000","#000000","#110000","#220000","#330000","#440000","#550000","#660000","#770000","#880000","#990000","#AA0000","#BB0000","#CC0000","#DD0000","#EE0000"); farbbibliothek[5] = new Array("#CCFFCC","#FF0000","#0000FF","#00FF00","#6699FF","#00FF66"); farbbibliothek[6] = new Array("#0000FF","#FFFF00","#FF1100","#FF2200","#FF3300","#FF4400","#FF5500","#FF6600","#FF7700","#FF8800","#FF9900","#FFaa00","#FFbb00","#FFcc00","#FFdd00","#FFee00","#FFff00","#FFff00","#FFff00","#FFee00","#FFdd00","#FFcc00","#FFbb00","#FFaa00","#FF9900","#FF8800","#FF7700","#FF6600","#FF5500"); function erzeuge() { var a=1; var text=""; document.body.innerHTML += "<span id='AAA' class='wurm'></span>"; while(a<=anzahl) { text +="<span id='wurm"+a+"' style='{position:absolute; top:"+(-groesse)+"px; left:"+(-groesse)+"px; background-color:#FFFFFF; margin:0; height: "+groesse+"px; width: "+groesse+"px; z-index:2; filter:Alpha(style=2, opacity=30, finishopacity=0);}' class='wurm"+a+"'></span>"; a++; } document.all["AAA"].innerHTML = text; laufen(); } document.onload = setTimeout("erzeuge()",500); var x=-groesse,y=-groesse; function erfasse() { x = window.event.x + document.body.scrollLeft - groesse/2; y = window.event.y + document.body.scrollTop - groesse/2; } document.onmousemove = erfasse; var X=0,Y=0; function neue_koordinaten(x1,y1) { X = abstand1 * Math.sin(Math.atan2(y-y1,x-x1)); Y = abstand1 * Math.sin(Math.atan2(x-x1,y-y1)); } var b=anzahl-1; var c=anzahl; var d=anzahl-Math.ceil(anzahl/32*23); function laufen() { neue_koordinaten(document.all["wurm"+d].style.pixelLeft,document.all["wurm"+d].style.pixelTop); document.all["wurm"+b].style.pixelTop = document.all["wurm"+c].style.pixelTop + X; neue_koordinaten(document.all["wurm"+d].style.pixelLeft,document.all["wurm"+d].style.pixelTop); document.all["wurm"+b].style.pixelLeft =document.all["wurm"+c].style.pixelLeft + Y; document.all["wurm"+b].style.backgroundColor = farbbibliothek[Farbe][zaehler()]; b--; if(b<=0) b=anzahl; c--; if(c<=0) c=anzahl; d--; if(d<=0) d=anzahl; setTimeout("laufen()",50); } z=-1; function zaehler() { z++; if(z>=farbbibliothek[Farbe].length) { z=0; } return(z) } function farbwechsel() { Farbe = Math.floor(Math.random()*farbbibliothek.length);; } document.onclick = farbwechsel; </script>