Javascript  »  DHTML  »  Wurm

zur Übersicht

Kategorie	DHTML
Bezeichnung	Wurm
ScriptDemo	Neues Fenster für Demo öffnen
Statistik	22422 Aufrufe davon 1x gestern
Das Script ist ziemlich ladelastig, das liegt am Vorberechnen des Alpha-Filters... Kann bis zu 5 Sekunden dauern, danach läufts aber flüssig. Lieferant: Felix
Javascript-Quellcode  (einfach markieren, kopieren und lokal abspeichern) <script> //***************************// // Wiedermal ein Felix-Skript// // WWW.WerIstFelix.de // // Felix@Antifas.de // //***************************// var anzahl = 30; // Die Wirkung am besten einfach durch testen ausprobieren :-) var groesse = 45; // Ist so aber schon ziemlich optimiert auf Darstellung var abstand = 6; // Läuft auf meinem K6/2 500'er recht flüssig var URL = "gfxu/kuller.gif"; // <-einfacher gefüllter roter Kreis mit transparentem Hintergrund function erzeuge() //erzeugt die ausrichtbaren Grafiken { var a=1; while(a<=anzahl) { document.body.innerHTML +=("<img id='wurm"+a+"' class='wurm"+a+"' src="+URL+">") document.all["wurm"+a].style.position = "absolute"; document.all["wurm"+a].style.pixelHeight = groesse; document.all["wurm"+a].style.pixelWidth = groesse; document.all["wurm"+a].style.pixelTop = -groesse; document.all["wurm"+a].style.pixelLeft = -groesse; document.body.innerHTML += "<style>#wurm"+a+" {filter:Alpha(style=2, opacity=30, finishopacity=0);}</style>" a++; } setTimeout("laufen()",1000); } document.onload = setTimeout("erzeuge()",500); var x=-groesse,y=-groesse; //linke obere Ecke außerhalb des Bildschirmes function erfasse() //erfasst die Mauskordinaten { 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) //richtet die letzte Grafik ganz nach vorne { X = abstand * Math.sin(Math.atan2(y-y1,x-x1)); Y = abstand * Math.sin(Math.atan2(x-x1,y-y1)); } var b=anzahl-1; var c=anzahl; function laufen() // diese Funktion sorgt dafür, dass es kontinuierlich funktioniert { neue_koordinaten(document.all["wurm"+c].style.pixelLeft,document.all["wurm"+c].style.pixelTop); document.all["wurm"+b].style.pixelTop = document.all["wurm"+c].style.pixelTop + X; neue_koordinaten(document.all["wurm"+c].style.pixelLeft,document.all["wurm"+c].style.pixelTop); document.all["wurm"+b].style.pixelLeft =document.all["wurm"+c].style.pixelLeft + Y; b--; if(b<=0) { b=anzahl; } c--; if(c<=0) { c=anzahl; } setTimeout("laufen()",10); } </script>

Kommentare zu Wurm

1 Kommentar(e) vorhanden / Anzeige der neuesten 5

am 14.12.2005 um 19:29 Uhr von fesoj the mad
wen ich diese seite mit ie öfne stürzt die ie seite ab und ich habe nix gesehen warum k... 


Alle Kommentare anzeigen   -   Kommentar hinzufügen