Tang小溪
2016-07-27 19:40
我尝试了一下,如果写在<style></style>中,就无法做出效果来。好奇怪好奇怪。
卧槽,不好意思,看错了题目。
老师的源代码有一句,var left = parseInt(list.style.left) + offset;
element.style,只能获取到元素内部样式,也就是写在元素标签内的样式,
所以你写在其他地方的样式是对他来说是不可读的。
另外你想要获取到不论是外部还是内部的样式,
那么就需要使用getComputedStyle(ele, false)[style]。
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。
首先你必须确保将这个left:-600px;放到<script></script>里面
焦点图轮播特效
65279 学习 · 611 问题
相似问题