有一段看不懂。
慕粉4310960
2017-06-03 13:05
function showButton() {
for (var i = 0; i < buttons.length ; i++) {
if( buttons[i].className == 'on'){
buttons[i].className = '';
break;
}
}
buttons[index - 1].className = 'on';
}
这段有点不明白，求大佬们解答。急急急！！
2回答
-
- qq_我不吃西红柿_03404837
- 2017-08-12 10:50:29
function showButtons(){ for(var i=0;i<buttons.length;i++){ buttons[i].className =" "; } buttons[index-1].className = "on" }这样看得懂吧?
就是先清除所有buttons的class,再给特定的某一个buttons一个on的样式
-
- 凛冬_
- 2017-06-04 23:42:13
首先这个函数是干嘛的你看懂没有？简单点说：这个函数的存在是为了解决5个小圆点的样式，也就是给他们加颜色的；由于在CSS样式中，给小圆点们设置了一个类名‘on’，并且加了颜色，所以for循环是为了遍历所有的小圆点，查看到底那个class类名在谁的身上，你可以理解为buttons.length=5，在这里的判断条件( buttons[i].className == 'on')， buttons[i]表示当前这个小圆点，意思是如果当前这个小圆点的类名就是'on'，那么就让它的类名变为空‘’，break是终止当前循环；然后buttons[index - 1].className = 'on' ， 这个意思是给对应的图片所关联的小圆点加上'on'类名，也就是加上样式
焦点图轮播特效
65234 学习 · 611 问题
相似问题