关于javascript的问题请大侠门帮忙!我加分哦!

来源:百度知道 编辑:UC知道 时间:2024/06/17 09:50:31
function hideAll() {
for(i=0;i<odiv.length;i++) {
odiv[i].style.display="none";
}
}

function showObj(num) {

if (odiv[num].style.display=="none") {
hideAll();
odiv[num].style.display="inline";
}
else {
odiv[num].style.display="none";
}

}

</script>
<table>
<tr >
<td>
<a href="#" onclick="showObj(0)">菜单一</a><br>
<div id="odiv" style="display:none">l1<br>l2<br>l3</div>
</td>
</tr>
<tr >
<td>
<a href="#" onclick="showObj(1)">菜单二</a><br>
<div id="odiv" style="display:none">l11<br>l12<br>l13</div>
</td>

效果就是展开或合上2级子彩单
当你点彩旦一的时候触发了showObj()事件,并传了0当参数过去.因为3个div都叫odiv所以程序会依次从0开始找寻他们,0传过去以后,系统就知道要处理第一个div. 接下来判断他是否隐藏,如果是就先把所有的div隐藏再展开当前点中的彩旦,如果不是那就隐藏.

其实你运行一下上面的例子马上就明白了.编程就是要多动手,不管什么技术,找个例子一运行,很容易就上手了.
你给的代码我运行了,有点像联动菜单,你点菜单一,就会显示l1,l2,l3隐藏其二三下面的子菜单.