Basta trovare l'immagine di un pallone e cambiare DIV con IMG dando lo stesso attributo ID del DIV precedente.
<script>
var intervallo;
var dirX;
var dirY;
function step(oggetto,intX, intY,limX, limY) {
var str=oggetto.style.left;
var nLeft=Number(str.replace("px",""));
var str=oggetto.style.top;
var nTop=Number(str.replace("px",""));
if (nLeft>limX)
dirX=1;
if (nLeft<(intX*2))
dirX=0
if (dirX==1)
intX=-intX;
if (dirX==0)
intX=intX;
if (nTop>limY)
dirY=1;
if (nTop<(intY*2))
dirY=0
if (dirY==1)
intY=-intY;
if (dirY==0)
intY=intY;
oggetto.style.left=nLeft+intX;
oggetto.style.top=nTop+intY;
}
function muovi(oggetto, intX, intY,tempo,limX, limY){
clearInterval(intervallo);
intervallo=setInterval(function() {step(oggetto, intX, intY, limX, limY)},tempo);
}
</script>
<body onClick="muovi(document.getElementById('testo'),2,2,5,800,500)">
<img id="testo" src="pallone.gif" style="left:0px;top:50px;width:50px;height:50px;position:absolute" />
</body>
Nessun commento:
Posta un commento