Javascript  »  Animationen  »  LogoOrbit

zur Übersicht

Kategorie	Animationen
Bezeichnung	LogoOrbit
ScriptDemo	Neues Fenster für Demo öffnen
Statistik	28680 Aufrufe davon 2x gestern
Keine Beschreibung vorhanden.
Javascript-Quellcode  (einfach markieren, kopieren und lokal abspeichern) <script language="JavaScript"> <!-- Logo Orbit II kurt.grigg@virgin.net yourLogo='http://www.jsunity.de '; logoFont='Arial'; logoSize=2; // 1-7 only! for larger font sizes alter logoWidth/Height accordingly! logoColor='888888'; logoWidth=70; logoHeight=70; logoSpeed=0.03; //Nothing needs altering below! yourLogo=yourLogo.split(''); L=yourLogo.length; Result="<font face="+logoFont+" size="+logoSize+" color="+logoColor+">"; TrigSplit=360/L; br=(document.layers)?1:0; if (br){ for (i=0; i < L; i++) document.write('<layer name="ns'+i+'" top=0 left=0 width=14 height=14">'+Result+yourLogo[i]+'</font></layer>'); } else{ document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < L; i++) document.write('<div id="ie" style="position:absolute;top:0px;left:0px;width:14px;height:14px">'+Result+yourLogo[i]+'</font></div>'); document.write('</div></div>'); } ypos=0; xpos=0; step=logoSpeed; currStep=0; Y=new Array(); X=new Array(); Yn=new Array(); Xn=new Array(); for (i=0; i < L; i++) { Yn[i]=0; Xn[i]=0; } (document.layers)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt){ ypos = (document.layers)?evnt.pageY:event.y; xpos = (document.layers)?evnt.pageX:event.x; } (document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse; function animateLogo(){ if (!br)outer.style.pixelTop=document.body.scrollTop; for (i=0; i < L; i++){ var layer=(document.layers)?document.layers['ns'+i]:ie[i].style; layer.top =Y[i]+logoHeight*Math.sin(currStep+i*TrigSplit*Math.PI/180); layer.left=X[i]+logoWidth*Math.cos(currStep+i*TrigSplit*Math.PI/180); } currStep-=step; } function Delay(){ for (i=L; i >= 0; i--) { Y[i]=Yn[i]+=(ypos-Yn[i])*(0.1+i/L); X[i]=Xn[i]+=(xpos-Xn[i])*(0.1+i/L); } animateLogo(); setTimeout('Delay()',20); } window.onload=Delay; // --> </script> <!-- End ! -->

Kommentare zu LogoOrbit

1 Kommentar(e) vorhanden / Anzeige der neuesten 5

am 07.10.2005 um 15:18 Uhr von balrok
das ding geht aber im firefox nicht :(... 


Alle Kommentare anzeigen   -   Kommentar hinzufügen