JAVASCRIPT LÀM HÌNH DI CHUYỂN ZIGZAG
Chỉ cần thuộc lòng bài nầy thì biết cách làm
hình di chuyển ngang, dọc và zigzag
---------------
<html>
<head></head>
<body>
<img
id="image" ;
style="position:relative;left:120;top:200;width:240;height:160"
src="cum
hoa.gif">
<script>
var loc=100;
var direction=1; //Nếu chọn direction = 0 thì chỉ có di chuyển ngang mà thôi
var
object=document.getElementById("image")
function doMove(){
if(1==direction){loc+=1; // chạy xuống
vì direction là 1
if(loc>=300){direction=-1}}//khi tới 300 thì chạy lên vi direction là -1
else{loc+=1;
if(loc=20){direction=1;}} // khi tởi 20 chạy xuống
object.style.top=loc; if(loc>=400){loc=0} // Nếu thiếu câu nây thì object sẽ di chuyển thăng mà thôi.
object.style.left=parseInt(object.style.left)+1+"px"// Nếu thiếu câu nây thì object chỉ di chuyển xuống lên.
t=setTimeout(doMove,40)}
</script>
<span
onclick="doMove()">START</span>
<span
onclick="clearTimeout(t)">STOP</span>
</body></html>
GHI CHÚ
<html>
<head></head>
<body>
<img
id="image" ;
style="position:relative;left:120;top:200;width:240;height:160"
src="cum
hoa.gif">
<script>
var loc=0;
var
direction=1;
var
object=document.getElementById("image")
function doMove(){
if(1==direction){loc+=1;
// chạy
xuống vì direction là 1
if(loc>=300){direction=-1}} //khi tới 300 thì chạy lên vi direction là -1
else{loc+=1;
if(loc=20){direction=1;}} // khi tởi 20 chạy xuống
// object.style.top=loc; if(loc>=150){loc=0} // Nếu thiếu câu nầy thì object sẽ di chuyển thăng mà thôi
object.style.left=loc; if(loc>=1000){loc=50} // Nếu chọn câu nầy để di chuyển ngang thi object chỉ di chuyển theo một góc không còn zigzag nữa
// object.style.left=parseFloat(object.style.left)+2+"px"// Nếu thiếu câu nầy thì object chỉ di chuyển xuống lên.
t=setTimeout(doMove,20)}
</script>
<span
onclick="doMove()">START</span>
<span
onclick="clearTimeout(t)">STOP</span>
</body></html>
