paddanMedlem sedan dec. 2002299 inlägg Hej!
jag ska få en liten div tag att röra på sig..
Hur skriver jag det??
Koden ser ut så här...
<html>
<head>
<title>
Studsfyrkant!
</title>
<script type="text/javascript">
function init()
{
var theDiv = document.getElementById("myDiv");
theDiv.style.top="+100";
setTimeout("init()", 1000);
}
\</script\>
\</head\>
<body onload="init()">
<div id="myDiv" style="background-color=red; width=20px; height=20px; position:absolute; top=10px; left=10px" >
</div>
</body>
</html>
Är det någon som kan hjälpa mig!!
Mvh Martin
Web-TorMedlem sedan nov. 200013 890 inlägg På vilket sätt ska den röra på sig?
paddanMedlem sedan dec. 2002299 inlägg Jo det är meningen att den ska röra på sig..
Jag vill altså öka top och left margin...
Mvh Martin
Vill du bara att den ska röra sig och stanna på en plats duger detta. Så tycker jag att du ska lära dig vissa saker om html och javascript.
<html>
<head>
<title>
Studsfyrkant!
</title>
<script type="text/javascript">
// Ursprungsplats: -20 pixlar, alltså utanför skärmen.
toplocation = -20;
function init()
{
var theDiv = document.getElementById("myDiv");
toplocation++; // Öka lite
theDiv.style.top="+100";
if (toplocation<400) // Stanna vid 400 pixlar
setTimeout("init();", 50);
}
</script>
</head>
<body onload="init();">
<div id="myDiv" style="background-color: red; width: 20px; height: 20px; position:absolute; top: 10px; left: 10px" >
</div>
</body>
</html>