movimento casuale immagine con onmouseover?

**9emmerc12** · 31-05-2013, 18:31

salve a tutti, sono nuovo nel forum ma anche nel mondo del javascript, la mia intenzione era quella di creare una semplice pagina html con integrato un codice javascript per cui un' immagine, quando si passa sopra di essa col mouse, inizia a muoversi seguendo una traiettoria casuale (o eventualmente anche semplicemente una retta), ed essa continua a muoversi finchè il mouse ci rimane sopra.
qualcuno sarebbe disposto a scrivermi per intero il codice della pagina? grazie mille

**cavicchiandrea** · 31-05-2013, 19:22

Ciao e benvenuto, ti ricordo che qui si aiuta dando spunti o consigli, non si ricevono commesse cosa che puoi fare su "offro lavoro" ma leggi bene il regolamento che trovi in evidenza grazie.

**9emmerc12** · 31-05-2013, 19:35

ciao, temevo che il mio messaggio potesse essere frainteso per un "fate voi il lavoro per me" e ti chiedo scusa, speravo solo di ottenere un modello da confrontare con quello che ho fatto io per capire dove sbaglio. cambio "tattica" quindi e ti posto di seguito ciò che ho combinato sin ora (che non funziona per niente), mi puoi dire dove sbaglio?

<<html>
<head>
<script language="javascript">
i=1;
function rimbalzo()
{
i++;
if (i<400)
{
eval (oggetto.style.pixelTop=i);
eval (oggetto.style.pixelLeft=i);
setTimeout ("rimbalzo()",30);
}
else
{
if(i<800)
{
eval (oggetto.style.pixelTop=800-i);
eval (oggetto.style.pixelLeft=800-i);
setTimeout ("rimbalzo()",30);
}
else
{
i=1;
setTimeout ("rimbalzo()",30);
}
}
}
</script>
</head>
<body>
<div id="oggetto" style=" position:absolute;visibility:show">
<input onMouseOver="rimbalzo()">
[img]oconnor.jpg[/img]
</div>

<form>

</form>

</body>
</html>

**Vindav** · 31-05-2013, 21:38

un esempio:

html/css

codice:

#image{
  position:absolute;
  top:10px;
  left:10px;
}

[img]oconnor.jpg[/img]

js

codice:

var x = 10;
var y = 10;
var move;

function moveImage()
{
document.getElementById("image").style.top = ++y + "px";
document.getElementById("image").style.left = ++x + "px";
move = setTimeout(moveImage,100);
}

function stopImage()
{
clearInterval(move);
}

Discussione: movimento casuale immagine con onmouseover?

Strumenti discussione

Ricerca discussione

Visualizza

movimento casuale immagine con onmouseover?

Permessi di invio