为什么是-idx？不明白

首页课程实战体系课手记专栏慕课教程

为什么是-idx？不明白

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

leepulse

2021-02-12 12:15:17

编辑到

//当前url显示到第几张，从0开始数

var idx = 0;

//监听

rightBtn.onclick = function() {

idx ++;

oList.style.left = -idx * 650 + 'px';

};

idx++是加1显示第一张第二张第三张，但改变ul属性时的这个idx为什么是-idx * 650？

写回答

1回答

好帮手慕慕子

2021-02-18

已采纳

同学你好，因为点击右按钮，显示第二张图片的时候，相当于让list盒子整体向左移动一个图片的宽度650，将left属性值设置为负的，才会让list盒子向左移动，所以是-idx。

可以把carousel盒子的overflow:hidden;属性去掉，点击右按钮查看下效果。

祝学习愉快~

0 学习 · 15276 问题

相似问题

回答 2

回答 1

回答 2

回答 2

回答 2