<html>
<head>
<style type&＃61;"text/css">.item{ width:20px; height:20px;border-radius:10px;background: blue;position: absolute;}/*border-radius圆角半径*/#point{ left:95px; top:295px;}#centre{ left:195px; top:295px;}.circle{ width:200px; height:200px; border:1px red solid; border-radius:100px; position: absolute; top:200px; left:100px;}
style>
head><body><div id&＃61;"point" class&＃61;"item"><big> RUN!Lamborghinibig>div><div id&＃61;"centre" class&＃61;"item">div><div class&＃61;"circle">div>
body><script type&＃61;"text/Javascript">var r &＃61; 100; //半径var a &＃61; 0; //角度var obj &＃61; document.getElementById(&＃39;point&＃39;);//js必须写在后面&＃xff0c;否则obj&＃61;null&＃xff1b;// 基点坐标为200,300
setInterval(function(){obj.style.left &＃61; (190 - Math.cos(a) * r) &＃43; &＃39;px&＃39;;/*style 很重要*/obj.style.top &＃61; (290 - Math.sin(a) * r) &＃43; &＃39;px&＃39;;a &＃43;&＃61; 0.1; //角度随时增大&＃xff0c;产生绕圈的效果
}, 50);//every 50/1000s run function() one time;
script>html>
效果如下&＃xff1a;
京公网安备 11010802041100号