                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /JS實(shí)現(xiàn)“旋轉(zhuǎn)木馬”幻燈片效果

關(guān)于zIndex的問(wèn)題

還是不是很清楚為什么zIndex放在css中的話(huà)，就會(huì)一直顯示最后一張的zIndex值，就會(huì)錯(cuò)亂。老師，求解答，謝謝啦

weibo_再美也美不過(guò)想像7

2016-03-06

源自：JS實(shí)現(xiàn)“旋轉(zhuǎn)木馬”幻燈片效果 2-11

關(guān)注問(wèn)題我要回答

1554

操作

收起

5 回答

陳mou 回答被采納 +3 積分
2016-03-24

因?yàn)樾D(zhuǎn)的時(shí)候第一張圖片會(huì)先設(shè)置上最后一張的zindex值，然后循環(huán)的時(shí)候第二張會(huì)獲取第一張的zindex值，所以一直循環(huán)下去的話(huà)全部都會(huì)設(shè)成最后一張的zindex 而使用animation的話(huà)它是先綁定上去但是是有一段過(guò)渡期去漸變成那個(gè)值。拓展一下的話(huà)就是如果each函數(shù)每一步執(zhí)行的時(shí)間過(guò)長(zhǎng)（以至于長(zhǎng)過(guò)了animation的過(guò)渡時(shí)間)那么animation也會(huì)和.css一樣的效果

2 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

陳mou

補(bǔ)充：如果將zindex保存到一個(gè)數(shù)組上面去，用下一個(gè)each去循環(huán)輸出的話(huà)就可以很快的將每個(gè)zindex設(shè)置上去，因?yàn)槌绦蜻\(yùn)行的時(shí)間遠(yuǎn)快于animation過(guò)渡時(shí)間，所以看上去就好像同步的進(jìn)行了設(shè)置。其實(shí)擴(kuò)大到無(wú)限倍看的話(huà)，他們還是不同步的