首页 > PHP资讯 > HTML5培训技术 > javascript解析人体运动

javascript解析人体运动

HTML5培训技术
< >
 
        《script》
  var xp=0;
  var imgIndex=1;
  var moveTimer;
  function move(){
   xp=xp+20;   //每一次div的位移的辐度
   document.getElementById('red').style.left=xp+'px'; //开始的位置,px像素
   imgIndex=imgIndex==5?1:(imgIndex+1); //图片的数量,结束之后从第一张开始循环;
   document.getElementById('red').className='img'+imgIndex //图片的循环
   if(xp>=1290)
    clearInterval(moveTimer);  //用于限制跑的距离,超出将会被终止;
  }
  window.onload=function(){ moveTimer=setInterval(move,80);}  //移动的速度
  《script》
 
  
 
 
 
     
 

HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持41不支持0