案例:旋转木马
页面加载时候出现的效果,script标签写在head里面,body上面
显示一个图片散开的动画,遍历之后,把每个图片用封装的动画函数移动到指定目标(同时改变多属性:宽,透明度,层级,top, left)
在做左右按钮点击事件。
右边按钮,用数组里面的push和shift,数组第一个去除加到最后一个位置
左边按钮,unshift最后一个pop到第一个
在很快点击的时候,会有混乱的情况(一个函数没执行完毕下一个执行全挤在一起)所以加了一个锁flag,保证一个函数执行完毕才进行下一个函数
分别添加进图片散开,左边按钮,右边按钮3个事件里面。
小编推荐一个学web前端开发的学习裙三二八四零零三一四,无论你是大牛还是小白,是想转行还是想入行都可以来了解一起进步一起学习!裙内有开发工具,很多干货和技术资料分享!
案例源码:
网友评论