zoukankan      html  css  js  c++  java
  • JS多物体运动_缓冲运动

     1 <!DOCTYPE HTML>
     2 <html>
     3 <head>
     4   <meta http-equiv="content-type" charset="utf-8" />
     5     <meta http-equiv="content-type" content="text/html" />
     6     <title>demo</title>
     7 </head>
    13 <body>
    15 <div id="odiv" style="position:absolute;200px;height:200px;background:red;left:0;"></div>
    16 <div id="odiv1" style="position:absolute;200px;height:200px;background:red;left:0;top:250px;"></div>
    17 
    18 <script type="text/javascript">
    19 var odiv=document.getElementById('odiv');
    20 var odiv1=document.getElementById('odiv1');
    21 odiv.onclick=function(){move(odiv,500);}
    22 odiv1.onclick=function(){move(odiv1,500);}
    23 
    24 function move(obj,target){
    25 
    26 clearInterval(dt); 27 var dt=setInterval(function(){ 28 var ol=parseInt(obj.style.left); 29 if(ol==target){ 30 clearInterval(dt); 31 }else{ 32 var speed=(target-ol)/8; 33 speed>0?speed=Math.ceil(speed):speed=Math.floor(speed); 34 obj.style.left=ol+speed+"px"; 35 } 36 },30); 37 } 38 39 </script> 40 </body> 41 </html>
  • 相关阅读:
    LTE
    LTE
    LTE
    LTE
    LTE DL-SCH and PDSCH Processing Chain
    LTE PDSCH Port 5 UE-Specific Beamforming
    推荐我的公众号
    GitHub Top 微信小程序
    深度前馈网络
    考研经历吐血总结
  • 原文地址:https://www.cnblogs.com/hcjs/p/2631242.html
Copyright © 2011-2022 走看看