JS实现水平移动与垂直移动动画

本文实例为大家分享了JS实现水平移动与垂直移动的具体代码,供大家参考,具体内容如下 水平移动分析: 可看成是一个物体的左边距变化。 比如:向右移动是左边距越来越大(数值为正),可调整物体的左边距来实现 向左移动是左边距越来越小(数值为负),可调整物体的左边距来实现 实际代码如下: <style> *{padding: 0;margin: 0px;} #box{width: 100px;height: 100px;border-radius: 50%;background: red;position: absolute;top: 50px;left: 0;} <