HTML+JS实现div动画效果之反复横跳

HTML+JS实现div动画效果之左右移动（反复横跳）

点击动起来实现移动

再次点击动起来返回

首先简简单单创建个input按钮和div盒子

 <input type="button" value="动起来" id="btn">
    <div id="box"></div>

再来个看得过去的css修饰一下

 <style>
        * {
   
            margin: 0;
            padding: 0;
        }

        #box {
   
            width: 50px