设置左边帧的时候设置了zIndex:level,因为右边先设置的level已经循环成0,所以左边的z-index全是0了,左边的改成zIndex:i,
因为旋转的时候第一张图片会先设置上最后一张的zindex值,然后循环的时候第二张会获取第一张的zindex值,所以一直循环下去的话全部都会设成最后一张的zindex 而使用animation的话它是先绑定上去但是是有一段过渡期去渐变成那个值。拓展一下的话就是如果each函数每一步执行的时间过长(以至于长过了animation的过渡时间)那么animation也会和.css一样的效果
首先你要知道封装的概念,封装的目的就是为了方便我们开发,内部封装好接口,就不用每个模块都写一个接口,同时还可以保护私有变量。至于闭包的好处,闭包可以在一个外部函数中写多个嵌套函数来调用私有变量,还有同一条作用域链中可以写两个闭包共享私有变量
当然可以,不能说更好,这样的话的jq会查询每一个posterItem是否动画结束,我写那样只要动画结束就一个标识,不用判断多次,jq虽然有相应的功能,但不要随便用,要注意性能哦
这里就是用JQ的animate方法,他是动画执行,不是直接设置。所以动画执行的一瞬间实际上值已经被拿到了。
这样设置会导致每一帧的层级都是一样的,见图例
至于其他宽高,位置等值,如果这样直接设置,也是同样的道理。