本文通过JavaScript编程实现在网页上动态绘制圆周路径的效果。利用HTML与JavaScript结合，通过数学函数计算圆周上的坐标点，并将这些点以视觉元素的形式展示出来。此技术可以应用于动态效果制作、数据可视化等领域。
<html>
<head>
<style type="text/css">
span{position:absolute;top:200px;left:400px;}
</style>
<script language="javascript">
var x=400;
var y=200;
var x1;
var y1;
var r=150;
var pi1=Math.PI;
var pipi=0 ;
for(i=0;i<360;i++){
pipi=(pi1/180)*i;
x1=Math.sin(pipi)*r+x;
y1=Math.cos(pipi)*r+y;
t="t"+Math.random()*100;
document.write('<span id="'+t+'">*</span>');
document.all[t].style.top=y1;
document.all[t].style.left=x1;
}
</script>
</head>
<body bgcolor="#000000" text="#ffffff">
</body>
</html>
<head>
<style type="text/css">
span{position:absolute;top:200px;left:400px;}
</style>
<script language="javascript">
var x=400;
var y=200;
var x1;
var y1;
var r=150;
var pi1=Math.PI;
var pipi=0 ;
for(i=0;i<360;i++){
pipi=(pi1/180)*i;
x1=Math.sin(pipi)*r+x;
y1=Math.cos(pipi)*r+y;
t="t"+Math.random()*100;
document.write('<span id="'+t+'">*</span>');
document.all[t].style.top=y1;
document.all[t].style.left=x1;
}
</script>
</head>
<body bgcolor="#000000" text="#ffffff">
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
