Ein Mausverfolger, welcher von unserem User Gandie eingeschickt wurde und einen Blasen-Effekt auf eure Homepage bringt.

Ihr müsst dazu das folgende Bild hier runterladen und bei euch auf den Webspace hochladen.

Anpassen müsst ihr im Script die Variable blasenBild = "blasen.gif";. Dort muss blasen.gif mit dem Pfad des Bildes auf eurer Homepage ersetzt werden, welches ihr zuvor hochgeladen habt.

Sollte es Probleme geben, könnt ihr gern in unsere FAQ schauen oder euch im Forum melden.

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- blasenBild = "blasen.gif"; B=document.getElementById; C=document.layers; T1=new Array(blasenBild,10,10, blasenBild,16,16, blasenBild,22,21, blasenBild,28,26, blasenBild,30,31, blasenBild,38,35, blasenBild,38,35, blasenBild,30,31, blasenBild,28,26, blasenBild,22,21, blasenBild,16,16, blasenBild,10,10); nos=parseInt(T1.length/3); rate=50; ie5fix1=0; ie5fix2=0; LastPosX=0; LastPosY=0; for (i=0;i<nos;i++){ createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>"); } function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){ with (document){ write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='blasen"+N+"' style='position:absolute; left:"+Xp+"px; top:"+Yp+"px; width:"+W+"px; height:"+H+"px; "); if(St){ if (C) write(" style='"); write(St+";' ") } else write((B)?"'":""); write((At)? At+">" : ">"); write((HT) ? HT : ""); if (!Op) closeContainer(N); } } function closeContainer(){ document.write((B)?"</div>":"</layer>"); } function getXpos(N){ return (B) ? parseInt(document.getElementById('blasen'+N).style.left) : C[N].left; } function getYpos(N){ return (B) ? parseInt(document.getElementById('blasen'+N).style.top) : C[N].top; } function moveContainer(N,DX,DY){ c=(B) ? document.getElementById('blasen'+N).style :C[N]; c.left=DX+"px"; c.top=DY+"px"; LastPosX=DX; LastPosY=DY; } function cycle(){ //if (IE5) if (document.all&&window.print){ ie5fix1=document.documentElement.scrollLeft; ie5fix2=document.documentElement.scrollTop; } for (i=0;i<nos-1;i++) { r=RandGen(-10,10);r1=RandGen(5,20); moveContainer("CUR"+i,getXpos("CUR"+(i+1))+r,getYpos("CUR"+(i+1))+2-r1) } } function newPos(e){ if (e) { newX = e.pageX + 2; newY = e.pageY + 2; } else { newX = window.event.clientX+ie5fix1; newY = window.event.clientY+ie5fix2; } moveContainer("CUR"+(nos-1), newX+10, newY-20); } function delPos(e){ moveContainer("CUR"+(nos-1),-1000,-1000); } function RandGen(x, y) { var range = y-x+1; var l = ("" + range).length; var num = (Math.floor(Math.random() * Math.pow(10,l)) % range) + parseInt(x); return num; } if(document.layers) document.captureEvents(Event.MOUSEMOVE); //document.onclick=newPos document.onmousemove=newPos; //--> </script> <br /> <!-- BITTE BEACHTEN: Der folgende Link darf nicht entfernt oder geändert werden --> <div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/blog/321-revierphone-zu-gewinnen" title="reVierhpone gewinnen" target="_blank">reVierhpone</a></div> <br /> <script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=473"></script> <!-- präsentiert von kostenlose-javascripts.de -->