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

本文实例为大家分享了JS实现水平移动与垂直移动的具体代码，供大家参考，具体内容如下

水平移动分析：

可看成是一个物体的左边距变化。

比如：向右移动是左边距越来越大（数值为正），可调整物体的左边距来实现

向左移动是左边距越来越小（数值为负），可调整物体的左边距来实现

实际代码如下：

  向右
  向左
  

  

垂直移动分析：

可看成是一个物体的上边距变化。

比如：向下移动是上边距越来越大（数值为正），可调整物体的上边距来实现

向上移动是上边距越来越小（数值为负），可调整物体的上边距来实现

实际代码如下：

  向下
  向上
  

  

有补充得请留言！

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。