[Beschreibung]
Ein animierter Schriftzug umkreist den Mauszeiger
[Kompatibilität]
[Code]
<script language="JavaScript"> <!-- Logo Orbit II kurt.grigg@virgin.net // modified by N8i (www.nightfire.ch) //Browser Sniffer var ns4up = (document.layers) ? 1 : 0; var ie4up = (document.all) ? 1 : 0; var mozup = (!document.all && document.getElementById) ? 1 : 0; yourLogo='http://www.nightfire.ch/java '; logoFont='Verdana'; logoSize=1; // 1-7 only! für grössere Schrift ändere logowidth und -height! logoColor='888888'; logoWidth=70; logoHeight=70; logoSpeed=0.03; //ab hier nichts mehr ändern! yourLogo=yourLogo.split(''); L=yourLogo.length; Result="<font face="+logoFont+" size="+logoSize+" color="+logoColor+">"; TrigSplit=360/L; br=(ns4up)?1:0; if (ns4up) { 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>'); } if (ie4up) { 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>'); } if (mozup) { for (i=0; i < L; i++) document.write('<div id="moz'+i+'" style="position:absolute;top:0px;left:0px;width:14px;height:14px">'+Result+yourLogo[i]+'</font></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; } (ns4up)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt){ ypos = (ns4up || mozup)?evnt.pageY:event.y; xpos = (ns4up || mozup)?evnt.pageX:event.x; } (ns4up)?window.onMouseMove=Mouse:document.onmousemove=Mouse; function animateLogo(){ if (ie4up) outer.style.pixelTop = document.body.scrollTop; for (i=0; i < L; i++){ if (ns4up) var layer = document.layers['ns'+i]; if (ie4up) var layer = ie[i].style; if (mozup) var layer = document.getElementById("moz"+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>
Kurt Grigg modified by N8i (www.nightfire.ch)
Kopieren Sie bitte den Code