oldwan
2016-04-07 17:42
这是JavaScript进阶篇第9章的编程练习:
html结构如下:
CSS如下:
外层循环的作用是:让每一个li标签都在被点击时,达到切换效果的功能。
内层循环的作用是:当点击其中一个li标签的时候,通过循环将所有li标签的class设置为空,将所有div标签的class都设置为"hide",此时页面效果是li均未被点击,所有div内容都被隐藏。而内层循环后的语句:
this.className = "on"; oDivs[this.index].className = "";
将当前被点击的li标签的class改为"on",将此li标签下标所对应的div标签的class改为空,则此时页面就变成了li被点击、div内容展示的效果。
慕课首答,如果有不妥的地方,请大家指正。
JavaScript进阶篇
468060 学习 · 21891 问题
相似问题