我就觉得奇怪,为何非要把left:-600px;写在html代码中?

来源:3-1 箭头切换

Tang小溪

2016-07-27 19:40

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

写回答 关注

3回答

  • 飞天意大利面神兽
    2016-08-04 09:44:20
    已采纳

    卧槽,不好意思,看错了题目。

    老师的源代码有一句,var left = parseInt(list.style.left) + offset;

    element.style,只能获取到元素内部样式,也就是写在元素标签内的样式,

    所以你写在其他地方的样式是对他来说是不可读的。

    另外你想要获取到不论是外部还是内部的样式,

    那么就需要使用getComputedStyle(ele, false)[style]。


  • 飞天意大利面神兽
    2016-08-04 09:36:31

    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。

  • 遍野姐儿
    2016-07-27 21:26:15

    首先你必须确保将这个left:-600px;放到<script></script>里面


焦点图轮播特效

通过本教程学习您将能掌握非常实用的焦点图轮播特效的制作过程

65279 学习 · 611 问题

查看课程

相似问题