JavaScript实现小球沿正弦曲线运动

本文实例为大家分享了射流研究…实现小球沿正弦曲线运动的具体代码，供大家参考，具体内容如下

效果图：

代码：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title title/title style .点{页边距-top : 300 px；绝对位置：宽度： 1px高度： 1px背景： # 000000;} # ball { width : 10px x8 : 10px背景：红色；border: 1px纯红；绝对位置：边框半径： 10px}/style/head body div style=' position : relative；宽度： 600像素；高度： 600像素；边框： 1px实体# 000000 ' id=' draw _ bo '/div div id=' ball '/div脚本类型=' text/JavaScript ' var DOM=document。getelementbyid(' draw _ bo ')；var ball=文档。getelementbyid(' ball ')；var x=0，y=300ball。风格。left=x ' px//小球初始坐标x球。风格。top=y ' px//小球初始坐标y为（变化角度=0;角度600;角度=0.01){//画正弦线var childDot=文档。创建元素(' div ')；孩子DoT。类名=' DoT查尔多。风格。top=300 *(数学)。罪恶(角度*数学.PI/300))“px”；柴尔德多。风格。左侧=角度“px”；多姆。append child(child DoT)；} var time=set interval(function(){ x=x ^ 5；//小球运动速度y=数学。地板（数学sin(x/600 * 2 *数学. PI)* 300)300；//小球运动的高度if(x600)x=0；球。风格。left=x ' px球。风格。top=y ' px},100);/脚本/正文/html以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。