                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /焦點(diǎn)圖輪播特效

我就覺(jué)得奇怪，為何非要把left：-600px；寫(xiě)在html代碼中？

我嘗試了一下，如果寫(xiě)在<style></style>中，就無(wú)法做出效果來(lái)。好奇怪好奇怪。

Tang小溪

2016-07-27

源自：焦點(diǎn)圖輪播特效 3-1

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

1342

操作

收起

3 回答

飛天意大利面神獸回答被采納 +3 積分
2016-08-04

臥槽，不好意思，看錯(cuò)了題目。
老師的源代碼有一句，var left = parseInt(list.style.left) + offset;
element.style,只能獲取到元素內(nèi)部樣式，也就是寫(xiě)在元素標(biāo)簽內(nèi)的樣式，
所以你寫(xiě)在其他地方的樣式是對(duì)他來(lái)說(shuō)是不可讀的。
另外你想要獲取到不論是外部還是內(nèi)部的樣式，
那么就需要使用getComputedStyle(ele, false)[style]。

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

收起回答

飛天意大利面神獸
2016-08-04

4 （0 1 2 3 4）0

需要被展示的圖片是5張，而我們想要做到令人舒適的視覺(jué)，
那么就需要在首（0）、尾（4）分別加上尾（4）、首（0）的圖片，實(shí)現(xiàn)無(wú)縫的切換效果。
一般圖片播放順序是第一張到最后一張，
而document.getElementById("list").children[0]
（說(shuō)明：也就是實(shí)際上的第一張圖片）實(shí)際上顯示的是第五張的圖片，
然而我們需要從顯示第一張圖片的img元素開(kāi)始循環(huán)，
所以我們要從document.getElementById("list").children[1]出發(fā)。
而一個(gè)img元素的寬度(width)是600px，所以整個(gè)document.getElementById("list")，
就需要左移600px，答案就是left:-600px。