voorbeeld Voetbal viegt door je beeld

Voetbal viegt door je beeld -- voorbeeld + code

Selecteer de code met de knop en plak ze eerst in uw kladblok om daarna te verwerken in uw html,
want sommige codes werken niet als je ze direct in uw html plakt.

Plaats deze code : Tussen de < Body > tags.

<script language="JavaScript"> P=new Image(); P.src="Gifjes-voor-javascripts/voetbalplaatje.gif"; Pic="Gifjes-voor-javascripts/voetbalplaatje.gif"; BY=-20; BX=-20; S=13; //Snelheid van de beweging van de bal ns=(document.layers)?1:0; if (ns){ document.write("<LAYER NAME='netscape' LEFT=0 TOP=0><img src="+Pic+"></LAYER>"); } else{ document.write("<div style='position:absolute;top:0px;left:0px'><div style='position:relative'>"); document.write("<img id='explorer' src='"+Pic+"' style='position:absolute;top:0px;left:0px'>"); document.write("</div></div>") } Y=10;X=10;D=45,VB=0,HB=0; function MoveRandom(){ setTimeout('MoveRandom()',10); var H=(document.layers)?window.innerHeight:document.body.clientHeight; var W=(document.layers)?window.innerWidth:document.body.clientWidth; var YS=(document.layers)?window.pageYOffset:document.body.scrollTop; var XS=(document.layers)?window.pageXOffset:document.body.scrollLeft; y = S*Math.sin(D*Math.PI/180); x = S*Math.cos(D*Math.PI/180); Y+=y; X+=x; VB=180-D; HB=0-D; //Corner rebounds! not necessary but looks nice. if ((Y < 1) && (X < 1)) {Y=1;X=1;D=45} if ((Y < 1) && (X > W+BX)) {Y=1;X=W+BX;D=135} if ((Y > H+BY) && (X < 1)) {Y=H+BY;X=1;D=315} if ((Y > H+BY) && (X > W+BX)) {Y=H+BY;X=W+BX;D=225} //Edge rebounds! if (Y < 1) {Y=1;D=HB} if (Y > H+BY) {Y=H+BY;D=HB} if (X < 1) {X=1;D=VB} if (X > W+BX) {X=W+BX;D=VB} var layer=(document.layers)?document.netscape:explorer.style; layer.top=Y+YS;layer.left=X+XS; } if (document.all||document.layers){window.onload=MoveRandom} //--> </script>

Sla de onderstaande gifje op in de zelfde map van je pagina.
Klik rechts en opslaan als.