Deve essere rivisto e meditato un po'.
<head>
<script>
var direzione=1;
function muovi(incremento)
{
var sinistra=document.getElementById("testo").style.left;
var numSinistra = Number(sinistra.replace("px",""));
if (numSinistra >=1000)
direzione=0;
if (numSinistra<=10)
direzione=1;
if (direzione==0)
incremento=-incremento;
document.getElementById("testo").style.left=numSinistra+incremento;
}
</script>
</head>
<body onClick="setInterval('muovi(10)',10)">
<div id="testo" style="position:absolute;left:0px;top:0px;width:100px;height:50px;background-color:yellow;color:green">Ciao, bello!</div>
</body>
Bell'effetto!Più "serio": al posto di quella stupida scritta mettiamoci un quadratino blu!
<head>
<script>
var direzione=1;
function muovi(incremento)
{
var sinistra=document.getElementById("testo").style.left;
var numSinistra = Number(sinistra.replace("px",""));
if (numSinistra >=1000)
direzione=0;
if (numSinistra<=10)
direzione=1;
if (direzione==0)
incremento=-incremento;
document.getElementById("testo").style.left=numSinistra+incremento;
}
</script>
</head>
<body onClick="setInterval('muovi(10)',10)">
<div id="testo" style="position:absolute;left:0px;top:0px;width:50px;height:50px;background-color:blue;color:green"></div>
</body>
Bellissimo!
Nessun commento:
Posta un commento