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

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

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

Tang小溪

2016-07-27

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

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

1325

操作

收起

3 回答

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

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

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

收起回答

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

4 （0 1 2 3 4）0

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