JAVASCRIPT LÀM HÌNH DI CHUYỂN ZIGZAG CHIỀU NGANG
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=0;
var direction=1; // nếu chọn direction=0 thi không xuống lên
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 ngang 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>
--------------------------
RÚT NGẮN NHƯ SAU
<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+=2; // chạy xuống vì
direction là 1
if(loc>=200){direction=-1}}//khi tới 300 thì chạy lên vi direction là-1
object.style.top=loc; if(loc>=100){loc=0} //Tới đây phải dừng lại để object chạy ngang theo lịnh phía dưới.
object.style.left=parseInt(object.style.left)+3+"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>
