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

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

创新互联专注为客户提供全方位的互联网综合服务，包含不限于成都网站制作、做网站、外贸营销网站建设、磐石网络推广、成都微信小程序、磐石网络营销、磐石企业策划、磐石品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联为所有大学生创业者提供磐石建站搭建服务，24小时服务热线：18982081108，官方网址：www.cdcxhl.com

水平移动分析：

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

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

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

实际代码如下：

  向右
  向左
  

  

垂直移动分析：

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

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

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

实际代码如下：

  向下
  向上
  

  

有补充得请留言！

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