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

有一段看不懂。

function showButton() {

for (var i = 0; i < buttons.length ; i++) {

if( buttons[i].className == 'on'){

buttons[i].className = '';

break;

}

buttons[index - 1].className = 'on';

}

这段有点不明白，求大佬们解答。急急急！！

慕粉4310960

2017-06-03

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

关注问题我要回答

1251

操作

收起

2 回答

qq_我不吃西红柿_03404837 回答被采纳 +2 积分
2017-08-12

function showButtons(){
    for(var i=0;i<buttons.length;i++){
        buttons[i].className =" ";
    }
    buttons[index-1].className = "on"
}

这样看得懂吧?

就是先清除所有buttons的class,再给特定的某一个buttons一个on的样式

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

收起回答

慕粉4310960 提问者

非常感谢！

2017-08-26 回复有任何疑惑可以回复我~

凛冬_
2017-06-04

首先这个函数是干嘛的你看懂没有？简单点说：这个函数的存在是为了解决5个小圆点的样式，也就是给他们加颜色的；由于在CSS样式中，给小圆点们设置了一个类名‘on’，并且加了颜色，所以for循环是为了遍历所有的小圆点，查看到底那个class类名在谁的身上，你可以理解为buttons.length=5，在这里的判断条件( buttons[i].className == 'on')， buttons[i]表示当前这个小圆点，意思是如果当前这个小圆点的类名就是'on'，那么就让它的类名变为空‘’，break是终止当前循环；然后buttons[index - 1].className = 'on' ，这个意思是给对应的图片所关联的小圆点加上'on'类名，也就是加上样式

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

收起回答