WELCOME TO BLOGGER VQGĐC

THÂN CHÀO QUÝ BẠN
CLICK HERE TO OPEN

Tất cả hình ảnh, những hoạt động cùng cơ sở Định Chuẩn rồi cũng cùng với thời gian rơi vào khoảng không
Nếu còn gì rớt lại chỉ là những tình cảm của những con người đã một thời làm việc chung dưới một mái nhà
mà nay đả tản mác khắp bốn phương trời
Ninh Vũ / Phòng Thí Nghiệm VQGĐC

Wednesday, August 7, 2024

JAVASCRIPT LÀM OBJECT DI CHUYỂN ZIGZAG CHIỀU DỌC

 JAVASCRIPT LÀM OBJECT DI CHUYỂN ZIGZAG CHIỀU DỌC

                       

<html>

<head></head>

<body>

<img id="image" ; style="position:relative;left:300;top:40;width:200;

height:200" src="VE BINH HOA.gif"> 

<script>

    var loc=0;

    var direction=1;

    var object=document.getElementById("image")

function doMove(){     

 if(1==direction){loc+=0.5; // chạy xuống vì direction là 1

 if(loc>=10){direction=-1}}//khi tới10 thì chạy lên vi direction là -1                                

               object.style.top=parseInt(object.style.top)+1+"px"

               object.style.left=loc; if(loc>=5){loc=0}

               t=setTimeout(doMove,40)

               if(loc>=10){loc=0} }                          

</script>

  <span onclick="doMove()">START</span>

  <span onclick="clearTimeout(t)">STOP</span>

</body></html>

------------------------

Nếu muốn object lắc lư tại chổ thì viết như sau.

Cả hai câu object đều dùng cùng một chữ top hoặc left.

if(1==direction){loc+=0.5; // chạy xuống vì direction là 1

 if(loc>=40){direction=-1}}//khi tới 300 thì chạy lên vi direction là -1                    

               object.style.left=parseInt(object.style.top)+1+"px"

               object.style.top=loc; if(loc>=5){loc=0}

               t=setTimeout(doMove,40)

               if(loc>=10){loc=0} }