js定时器+简单的动画效果实例

1.向下滑动

 
 
 
  body {
   margin: 0px;
  }
  #show {
   width: 200px;
   
   height: 100px;
   background-color: lightcoral;
   margin: 0 auto;
   
   
  }

 

2.移动效果

  
  
  
    body {
      margin: 0px;
    }
    #box {
      width: 100px;
      height: 100px;
      background-color: lightcoral;

      position: absolute;
      left: 100px;
      top: 100px;
    }
  

3.事件与动画结合

  
  
  
    body {
      margin: 0px;
    }
  

以上这篇js定时器+简单的动画效果实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持考高分网。