課程
/前端開發
/JavaScript
/JS實現“旋轉木馬”幻燈片效果
還是不是很清楚為什么zIndex放在css中的話,就會一直顯示最后一張的zIndex值,就會錯亂。老師,求解答,謝謝啦
2016-03-06
源自:JS實現“旋轉木馬”幻燈片效果 2-11
正在回答
因為旋轉的時候第一張圖片會先設置上最后一張的zindex值,然后循環的時候第二張會獲取第一張的zindex值,所以一直循環下去的話全部都會設成最后一張的zindex 而使用animation的話它是先綁定上去但是是有一段過渡期去漸變成那個值。拓展一下的話就是如果each函數每一步執行的時間過長(以至于長過了animation的過渡時間)那么animation也會和.css一樣的效果
陳mou
@陳mou 你描述非常好!就是這個意思~~
也就是說each循環不會等到animation走完就會開始下一次循環,改變css設置的index值
each執行的快,先循環完畢把值都取到了,animate執行的慢再漸變成那個值,而css是循環時取到值就執行了,所以最終取到的值都是最后那個值,我理解的對嗎
又看了一遍視頻,意思是 設置在self.css("zIndex",zIndex)的話,它的zIndex值就是固定的最后一張的,是不會變得?可是上面的zIndex不是每次都在變嗎?為什么放在css中就不變了呢?
舉報
JS組件封裝,制作一個圖片幻燈片切換效果,一起學習吧
4 回答zIndex沒變
1 回答ZIndex的值直接通過animate動畫過渡設置
3 回答JQuery-3.2.1中沒有zIndex,用什么來代替?
1 回答關于一個css()方法的問題
3 回答為什么zIndex=Math.ceil(this.posterItems.size()/2);這里為什么不向下取整
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-03-24
因為旋轉的時候第一張圖片會先設置上最后一張的zindex值,然后循環的時候第二張會獲取第一張的zindex值,所以一直循環下去的話全部都會設成最后一張的zindex 而使用animation的話它是先綁定上去但是是有一段過渡期去漸變成那個值。拓展一下的話就是如果each函數每一步執行的時間過長(以至于長過了animation的過渡時間)那么animation也會和.css一樣的效果
2016-05-10
@陳mou 你描述非常好!就是這個意思~~
2016-12-11
也就是說each循環不會等到animation走完就會開始下一次循環,改變css設置的index值
2016-08-28
each執行的快,先循環完畢把值都取到了,animate執行的慢再漸變成那個值,而css是循環時取到值就執行了,所以最終取到的值都是最后那個值,我理解的對嗎
2016-03-06
又看了一遍視頻,意思是 設置在self.css("zIndex",zIndex)的話,它的zIndex值就是固定的最后一張的,是不會變得?可是上面的zIndex不是每次都在變嗎?為什么放在css中就不變了呢?