完成时间:2019年1月30日

开发工具与技术:前端

介绍一个图片的上下翻转

准备好图片

图片上下翻转

设置好图片样式

图片上下翻转

设置定义的参数,对方法初始化

图片上下翻转

 

 

 

 

 

translateY使图片向Y轴转动,向上转动

图片上下翻转

给图片设上点击事件,意思是点击到哪一张图片就从哪张图片开始

图片上下翻转

自动播放

图片上下翻转

 

 

 

 

 

效果图

图片上下翻转

 

 

总结:关键就是对JS的理解,以及对逻辑的清晰。

相关文章: