延时器

leftbtn.onclick=function(){
            if(idx==0){
                list.style.transition='none';
                list.style.left=-5*650+'px';
                setTimeout(function(){
                    list.style.transition='left .5s ease 0s';
                    idx=4;
                    list.style.left=-idx*650+'px'
                },0)
            }else{
                idx--;
                list.style.left=-idx*650+'px';
            }
        }

setTimeout里面的list.style.left的值为什么是负数

慕芸芸 2023-01-12

源自：DOM 6-3 编写跑马灯轮播图特效

收起

1回答

好帮手慕星星 2023-01-12 13:00:33

同学你好，ul相对于div绝对定位，初始位置left为0

ul向左移动left为负值，ul向右移动left为正值。而轮播是无缝的，即使ul向右移动，也会有图片展示，不是空白部分，所以left始终为负值。初始位置0或者-0都没问题。

祝学习愉快！

收起回答

提问者慕芸芸 #1

在延时器前面的那行代码上，图片就到了最后一张，然后延时器内图片向右移动一张，所以延时器内的left值不应该是正值吗？

2023-01-12 13:07:25
好帮手慕星星回复提问者慕芸芸 #2

前面老师回答的
是针对于自画图中ul初始位置来说的，ul初始向左移动，左侧超出div，left为负值。ul初始向右移动，留有空白部分，left为正值。
而轮播图片即使向右移动（展示的不是第一张图片），ul相对于div来就是在左侧，应该是负值。这个值是给ul的，要看ul相对于div的位置。自己再理解下。

2023-01-12 13:31:48