实现向右移动动画
如果我们想要一个按钮,控制一个div向右移动的动画效果,该怎么实现呢?
有三种实现的方法,下面我们分别介绍三种方法
1.通过设定left
实现思路:通过改变left实现div的右移
实现案例请点击:https://jsbin.com/leduqolugi/edit?html,js,output
JS核心代码:
function startMove(){
var n =0;
var timer = setInterval(() => {
if(n<=30){
box.style.left = n/100*300 +'px';
n++;
}else{
clearInterval(timer);
}
},100);
}