原生js如何实现图片翻转旋转效果？

一、总结

1、通过给元素设置style中的transition来实现的。

2、我昨天纠结的效果全部可以通过精读这个代码后实现。

 

二、原生js如何实现图片翻转旋转效果？

1、效果图

 

 

 

2、代码

1   2   3   4     
       5       6      34     128 129 130 
     
      131     
      132     
      133     
      134     
      135     
      136     
      137     
      138     
      139     
      140     
      141     
      142     
      143     
      144     
      145     
      146     
      147     
      148     
      149     
      150     
      151     
      152     
      153     
      154     
      155     
      156     
      157     
      158     
      159     
      160     
      161     
      162     
      163     
      164     
      165     
      166     
      167     
      168     
      169     
      170     
      171     
      172     
      173     
      174     
      175     
      176 
     
177 
     
      点击查看效果
     
178 179 

 

三、测试题-简答题

1、js代码可以加到head标题里面么？

解答：可以。加到window的onload方法里面。

 

2、js代码加到head标签里面怎么样才能获取到元素？

解答：代码写到window的onload里面。 window.onload = function () {

} 。

 

3、如何实现一个函数在另外一个函数执行完成后执行？

解答：不停的判断上一个函数里面的元素是否准备就绪，如果所有元素都准备就绪，if成立就执行函数。