[Beschreibung]
Ein Schriftzug folgt dem Mauszeiger
[Code]
<script language="JavaScript"> <!-- Ripple Text by kurt.grigg@virgin.net // modified by N8i (www.nightfire.ch) msg='Explorer and Netscape and Mozilla ripple text effect'; font='Verdana,Arial'; size=2; // 1-7 only! color='#ffffff'; speed=0.5; //ab hier nichts mehr ändern //Browser Sniffer var ns4up = (document.layers) ? 1 : 0; var ie4up = (document.all) ? 1 : 0; var mozup = (!document.all && document.getElementById) ? 1 : 0; // Capturing MouseMove function handlerMM(e) { xmouse = (ns4up || mozup) ? e.pageX+20 : event.clientX+20 ymouse = (ns4up || mozup) ? e.pageY+20 : event.clientY+20 } if (ns4up) { window.captureEvents(Event.MOUSEMOVE); window.onMouseMove = handlerMM; } if (ie4up || mozup) { window.document.onmousemove = handlerMM; } msg=msg.split(''); n=msg.length; a=size*10; ymouse=0; xmouse=0; scrll=0; props="<font face="+font+" size="+size+" color="+color+">"; if (ns4up){ for (i=0; i < n; i++){ document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>'); } } if (ie4up){ document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < n; i++){ document.write('<div id="iemsg" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+msg[i]+'</font></div>'); } document.write('</div></div>'); } if (mozup) { for (i=0; i < n; i++){ document.write('<div id="mozmsg'+i+'" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+msg[i]+'</font></div>'); } } y=new Array(); x=new Array(); Y=new Array(); X=new Array(); for (i=0; i < n; i++){ y[i]=0; x[i]=0; Y[i]=0; X[i]=0; } function assign(){ if (ie4up) outer.style.top=document.body.scrollTop; for (i=0; i < n; i++){ tempdiv = "mozmsg" + i; var d=(ns4up)?document.layers['nsmsg'+i]:(ie4up)?iemsg[i].style:document.getElementById(tempdiv).style; d.top=y[i]+scrll; d.left=x[i]+(i*(a/2)); } } function ripple(){ scrll=(ns4up)?window.pageYOffset:0; y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed); x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed); for (var i=1; i < n; i++){ y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed); x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed); } assign(); setTimeout('ripple()',10); } if (ns4up||ie4up||mozup)window.onload=ripple; // --> </script>
Kurt Grigg modified by N8i (www.nightfire.ch)
Kopieren Sie bitte den Code