|
|
Derékszög mozgás
Mobilváltozat!
Asztali változathoz,
kattints a képre!
Adott objektum ismétlődő mozgatása derékszögben.
Mozilla végett: Programunkat, natúr html fájlban készítjük el, DOCTYPE meghatározás nélkül
A div szakaszt, melyben a kockakép mozog, utólagosan állítjuk be arra a méretre, melyet az adott mozgó objektum bejár.
Ha nem készítünk div szakaszt, akkor a mozgó objektum, a dokumentumunk szövegterületén mozog.
Teszteljük le úgy is, hogy a <div class="animaciodiv"> </div> szakaszt, töröljük programunkból.
Ha a JavaScript meghívó útasítást,
<script language="JavaScript" type="text/javascript" src="elérési útvonal.js"> </script>
A head szakaszban helyezzük el, akkor gyorsabban mozog az adott objektum, mint a body szövegfolyamában történő elhelyezésekor.
var x=10; y=50;
var a = 0; b = 0;
var tovabb;
// az Update() függvény Meghívása 0.5 másodperces időzítéssel Akkor a 10 helyett, ezt kell beírni: 500
window.setTimeout ("Update(); " , 10) ;
var idelem = document.getElementById("kocka3") ;
function Update () {
idelem.style.marginTop=x+a ;
idelem.style.marginLeft=y+b;
if (a<145) a++;
else {a=145; b++;}
if (b<250) tovabb;
else b=250 ;
if ((a==145),(b==250)) {a=0; b=0;}
//Az időzítő funkció
window.setTimeout("Update(); " , 10) ;
}