<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,1,800,500)">
<div id="testo" style="left:0px;top:50px;width:50px;height:50px;position:absolute;background:brown"></div>
</body>
Ottimo!
sabato 14 gennaio 2012
Ed ecco l'oggetto che rimbalza contro le pareti di una scatola invisibile!
Ecco il codice!
Iscriviti a:
Commenti sul post (Atom)
Nessun commento:
Posta un commento