Und noch eine weitere Variante dieses schönen Effekts

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- //Trio 3 Script by kurt.grigg (at) virgin.net //Choose colours and size of effect !! wähle Farben und Grösse var a_Colour='fff000'; var b_Colour='00ff00'; var c_Colour='ff00ff'; var Size=120; //Alter nothing below !! ab hier nichts mehr ändern!! var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.6; if (document.layers){ window.captureEvents(Event.MOUSEMOVE); function nsMouse(evnt){ xpos = window.pageYOffset+evnt.pageX+6; ypos = window.pageYOffset+evnt.pageY+16; } window.onMouseMove = nsMouse; } else if (document.getElementById) { function ieMouse(e){ if (!e) { xpos = document.documentElement.scrollLeft+event.x+6; ypos = document.documentElement.scrollTop+event.y+16; } else { xpos = e.pageX+6; ypos = e.pageY+16; } } document.onmousemove = ieMouse; } function swirl(){ for (i = 0; i < 3; i++) { YDummy[i]=ypos+Size*Math.sin((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4); XDummy[i]=xpos+Size*Math.cos((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4); } ThisStep+=step; setTimeout('swirl()',10); } var amount=10; if (document.layers){ for (i = 0; i < amount; i++) { document.write('<layer name="nsa'+i+'" top="0" left="0" width="'+i/2+'" height="'+i/2+'" bgcolor="'+a_Colour+'"></layer>'); document.write('<layer name="nsb'+i+'" top="0" left="0" width="'+i/2+'" height="'+i/2+'" bgcolor="'+b_Colour+'"></layer>'); document.write('<layer name="nsc'+i+'" top="0" left="0" width="'+i/2+'" height="'+i/2+'" bgcolor="'+c_Colour+'"></layer>'); } } else if (document.getElementById){ document.write('<div id="ODiv" style="position:absolute;top:0px;left:0px">' +'<div id="IDiv" style="position:relative">'); for (i = 0; i < amount; i++) { document.write('<div id="x'+i+'" style="position:absolute;top:0px;left:0px;width:'+i/2+'px;height:'+i/2+'px;background:#'+a_Colour+';font-size:'+i/2+'"></div>'); document.write('<div id="y'+i+'" style="position:absolute;top:0px;left:0px;width:'+i/2+'px;height:'+i/2+'px;background:#'+b_Colour+';font-size:'+i/2+'"></div>'); document.write('<div id="z'+i+'" style="position:absolute;top:0px;left:0px;width:'+i/2+'px;height:'+i/2+'px;background:#'+c_Colour+';font-size:'+i/2+'"></div>'); } document.write('</div></div>'); } function prepos(){ var ntscp=document.layers; var msie=document.getElementById; if (document.layers){ for (i = 0; i < amount; i++) { if (i < amount-1) { ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left; ntscp['nsb'+i].top=ntscp['nsb'+(i+1)].top;ntscp['nsb'+i].left=ntscp['nsb'+(i+1)].left; ntscp['nsc'+i].top=ntscp['nsc'+(i+1)].top;ntscp['nsc'+i].left=ntscp['nsc'+(i+1)].left; } else { ntscp['nsa'+i].top=YDummy[0];ntscp['nsa'+i].left=XDummy[0]; ntscp['nsb'+i].top=YDummy[1];ntscp['nsb'+i].left=XDummy[1]; ntscp['nsc'+i].top=YDummy[2];ntscp['nsc'+i].left=XDummy[2]; } } } else if (document.getElementById){ for (i = 0; i < amount; i++) { if (i < amount-1) { document.getElementById('x'+i).style.top=document.getElementById('x'+(i+1)).style.top; document.getElementById('x'+i).style.left=document.getElementById('x'+(i+1)).style.left; document.getElementById('y'+i).style.top=document.getElementById('y'+(i+1)).style.top; document.getElementById('y'+i).style.left=document.getElementById('y'+(i+1)).style.left; document.getElementById('z'+i).style.top=document.getElementById('z'+(i+1)).style.top; document.getElementById('z'+i).style.left=document.getElementById('z'+(i+1)).style.left; } else { document.getElementById('x'+i).style.top=YDummy[0]+"px";document.getElementById('x'+i).style.left=XDummy[0]+"px"; document.getElementById('y'+i).style.top=YDummy[1]+"px";document.getElementById('y'+i).style.left=XDummy[1]+"px"; document.getElementById('z'+i).style.top=YDummy[2]+"px";document.getElementById('z'+i).style.left=XDummy[2]+"px"; } } } setTimeout("prepos()",10); } function Start(){ swirl(),prepos(); } //--> </script> <br /> <!-- BITTE BEACHTEN: Der folgende Link darf nicht entfernt werden --> <div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/dsl-anbieter-vergleich.html" title="Internetanbieter Vergleich" target="_blank">Internetanbieter Vergleich</a></div> <br /> <script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=179"></script> <!-- präsentiert von kostenlose-javascripts.de -->

Du willst auch das Zitat des Tages auf deiner Homepage?