                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /焦点图轮播特效

我就觉得奇怪，为何非要把left：-600px；写在html代码中？

我尝试了一下，如果写在<style></style>中，就无法做出效果来。好奇怪好奇怪。

Tang小溪

2016-07-27

源自：焦点图轮播特效 3-1

关注问题我要回答

1248

操作

收起

4 回答

飞天意大利面神兽回答被采纳 +3 积分
2016-08-04

卧槽，不好意思，看错了题目。
老师的源代码有一句，var left = parseInt(list.style.left) + offset;
element.style,只能获取到元素内部样式，也就是写在元素标签内的样式，
所以你写在其他地方的样式是对他来说是不可读的。
另外你想要获取到不论是外部还是内部的样式，
那么就需要使用getComputedStyle(ele, false)[style]。

2 回复有任何疑惑可以回复我~

收起回答

飞天意大利面神兽
2016-08-04

4 （0 1 2 3 4）0

需要被展示的图片是5张，而我们想要做到令人舒适的视觉，
那么就需要在首（0）、尾（4）分别加上尾（4）、首（0）的图片，实现无缝的切换效果。
一般图片播放顺序是第一张到最后一张，
而document.getElementById("list").children[0]
（说明：也就是实际上的第一张图片）实际上显示的是第五张的图片，
然而我们需要从显示第一张图片的img元素开始循环，
所以我们要从document.getElementById("list").children[1]出发。
而一个img元素的宽度(width)是600px，所以整个document.getElementById("list")，
就需要左移600px，答案就是left:-600px。