圆周运动js

时间：2015-08-18 19:32:32 阅读：113 评论：0 收藏：0 [点我收藏+]

标签：

<!doctype html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>circlar movement</title>
   <style type="text/css">
       #circle{width:30px;height:30px;position: absolute;background-color: lightgreen;left:600px;top:250px;border-radius: 50%;}
   </style>
   <script type="text/javascript">
       window.onload=function(){
           var oCircle=document.getElementById(‘circle‘);
           var x=500;
           var y=200;
           var r=100;
           var num=0;
           setInterval(function(){

               num++;
               a=Math.sin(num*(Math.PI/180))*r;
               b=Math.cos(num*(Math.PI/180))*r;
               oCircle.style.left=x+b+‘px‘;
               oCircle.style.top=y+a+‘px‘;
           },35);
       }

   </script>
</head>
<body>
   <div id="circle"></div>
</body>
</html>

圆周运动js

标签：

原文地址：http://blog.csdn.net/qq_21773607/article/details/47754683

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行