webForumDet fria alternativet

Hjälp?!!

3 svar · 217 visningar · startad av paddan

paddanMedlem sedan dec. 2002299 inlägg
#1

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
#2

På vilket sätt ska den röra på sig?

paddanMedlem sedan dec. 2002299 inlägg
#3

Jo det är meningen att den ska röra på sig..
Jag vill altså öka top och left margin...

Mvh Martin

nitro2k01Medlem sedan aug. 20039 342 inlägg
#4

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>
134 ms totalt · 3 externa anrop · v20260731065814-full.fb544a5a
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)