2 sinat 22235257 sinat_22235257 于 2015.07.22 13:15 提问

请问能给这段js代码做个通俗的解说吗?

function leo(n){
var navUi = document.getElementById("m"+n);
if(navUi.style.display != "block"){
for(var i=0;i<=5;i++){
document.getElementById("m"+i).style.display = "none";
}
navUi.style.display = "block";
}else{
navUi.style.display = "none";
}
}
鄙人刚开始学习js,感激不尽。

5个回答

danielinbiti
danielinbiti   Ds   Rxr 2015.07.22 13:25
已采纳
看着像导航菜单的代码
 function leo(n){
var navUi = document.getElementById("m"+n);//获取id是m加传入的n值的节点
if(navUi.style.display != "block"){//看节点是否是不显示的
for(var i=0;i<=5;i++){
document.getElementById("m"+i).style.display = "none";//循环后id是m1,m2,m3,m4,m5的节点都隐藏
}
navUi.style.display = "block";//显示当前节点
}else{//navUi.style.display != "block"和这句对应
navUi.style.display = "none";//如果节点时显示的,则隐藏
}
}
sinat_22235257
sinat_22235257 回头看了下HTML一下子就懂了。!(* ̄( ̄ *)
2 年多之前 回复
danielinbiti
danielinbiti 回复魔鬼glen: n就是动态变量,比如leo(1),就是获取m1节点,如果leo(2)就是获取m2节点
2 年多之前 回复
sinat_22235257
sinat_22235257 已采纳,and请问n值在这段代码中的作用?
2 年多之前 回复
danielinbiti
danielinbiti 回复魔鬼glen: 不客气,如果有帮助,记得顺手采纳一下
2 年多之前 回复
sinat_22235257
sinat_22235257 明白了万分感谢
2 年多之前 回复
caozhy
caozhy   Ds   Rxr 2015.07.22 13:25

一共有5个导航条,选中哪个,调用leo(n),那么把它显示出来,其余的设置为隐藏

sinat_22235257
sinat_22235257 同样谢谢。
2 年多之前 回复
tongyi55555
tongyi55555   2015.07.22 13:33

danielinbiti 已经解释的很清楚了。

sinat_22235257
sinat_22235257 同样谢谢。
2 年多之前 回复
cuiwei1026522829
cuiwei1026522829   Ds   Rxr 2015.07.22 23:29

解析的很棒!同样赞一个,学习了!!

sina_2831808769
sina_2831808769   Rxr 2015.07.25 13:57

看着像导航菜单的代码
function leo(n){
var navUi = document.getElementById("m"+n);//获取id是m加传入的n值的节点
if(navUi.style.display != "block"){//看节点是否是不显示的
for(var i=0;i<=5;i++){
document.getElementById("m"+i).style.display = "none";//循环后id是m1,m2,m3,m4,m5的节点都隐藏
}
navUi.style.display = "block";//显示当前节点
}else{//navUi.style.display != "block"和这句对应
navUi.style.display = "none";//如果节点时显示的,则隐藏
}
}

Csdn user default icon
上传中...
上传图片
插入图片