java 图片运动轨迹_[Java教程]按轨迹周期运动_星空网

按轨迹周期运动

2012-01-19

0

一、水平方向上的反复运动

例如：

水平宽度：50px

小球直径：6px

html结构：

css样式：

.line{position: relative;width: 100px;height: 100px;border-bottom: 1px solid red;left: 100px;top: 100px;}

.point{width: 6px;height: 6px;background-color: Red;position: absolute;left: 47px;top: 47px;border-radius: 3px;}

js代码：

var point = document.getElementById("point");

var line = document.getElementById("line");

var i = 0, j = 0;

var b = false;

setInterval(function () {

if (i < line.offsetWidth && false == b) {

i++;

point.style.left =