圆周运动(运动小DEMO)
来源:互联网 发布:pkpm绿色建筑设计软件 编辑:程序博客网 时间:2024/05/04 19:15
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>圆周运动</title><style>div{width: 50px;height: 50px;background: orange;position: absolute;left: 500px;top: 300px;}</style></head><body><div></div><script>var target=document.getElementsByTagName('div')[0];var timer=null;var a=500;var b=300;//圆心(a,b)var r=100;//半径 var degree=0;//角度timer=setInterval(function(){degree++;var x=a+r*Math.sin(degree*Math.PI/180);var y=b+r*Math.cos(degree*Math.PI/180);target.style.left=x+'px';target.style.top=y+'px';var cDiv=document.createElement('div');//添加轨迹cDiv.style.cssText='width: 5px;height: 5px;background: black;position: absolute;'cDiv.style.left=x+'px';cDiv.style.top=y+'px';document.body.appendChild(cDiv)/*if(degree>=360){clearInterval(timer)}*/},30)</script></body></html>
阅读全文
0 0
- 圆周运动(运动小DEMO)
- sprite 圆形运动,圆周运动
- [js]圆周运动&类s运动
- 笔记八(圆周运动)
- 圆周运动
- html5动画基础 Demo(div运动)
- 人物运动的demo
- 运动追踪 demo
- JS原生之--圆周运动(转转转)
- 沿曲线速率运动Demo
- iOS MotionManager(运动管理器)~demo
- Oc MotionManager(运动管理器)~demo
- JDBC小Demo(原创)
- 初遇Express(小demo)
- 健康小运动
- 小demo
- 小demo
- 小demo
- 开发中的一些错误及解决办法
- ubuntu12.04 出现error: openssl/ssl.h: No such file or directory的解决方法
- NOIP模拟9.17(TYVJ NOIP2017模拟赛D2)
- java.lang.NullPointerException: Attempt to invoke virtual method 'void com.moreunion.zhenghao.ui.pr
- Dubbo : 传统工程改造(二)
- 圆周运动(运动小DEMO)
- url常见操作
- xcode7模拟器不见了,为什么?
- 2017年物联网现状及8大发展趋势分析
- java中的单例模式
- VueJs2.0建议学习路线
- 安装SQL SERVER2016或者2017时 安装程序无法与下载服务器联系 Microsoft R Server
- opus编解码的使用
- Java中常用的查找算法