读书人

一个简略的JS循环。解决马上给分!附上

发布时间: 2013-07-16 22:38:05 作者: rapoo

一个简单的JS循环。。。解决马上给分!附上【靓妹】图片!

<script language="JavaScript">
function show(ChildMenu1)
{
if (ChildMenu1.style.display == "none")
{
ChildMenu1.style.display = "";
}
else
{
ChildMenu1.style.display = "none";
}
}

function show(ChildMenu2)
{
if (ChildMenu2.style.display == "none")
{
ChildMenu2.style.display = "";
}
else
{
ChildMenu2.style.display = "none";
}
}
</script>

<ul onclick="show(ChildMenu1)">
<li>122222222<ul style="display:none" id="ChildMenu1">
<li><a href="#">子菜单</a></li>
<li>子菜单</li>
<li>子菜单</li>
</ul></li>
</ul>
<ul onclick="show(ChildMenu2)">
<li>122222222<ul style="display:none" id="ChildMenu2">
<li><a href="#">子菜单</a></li>
<li>子菜单</li>
<li>子菜单</li>
</ul></li>
</ul>

效果就是点击展开项目列表。但这样的项目有10多个,如何在JS代码里做自动递增的循环?在线等。。。 JavaScript 函数 循环
[解决办法]

<html>
<head>
<script type='text/javascript'>


function show(menu)
{

if (menu.children[0].children[0].style.display != "none")
{
menu.children[0].children[0].style.display = "none";


}
else
{
menu.children[0].children[0].style.display = "block";
}
}

</script>
</head>
<body>
<ul onclick="show(this)">
<li>111111111
<ul style="display:none">
<li><a href="#">子菜单</a></li>
<li>子菜单</li>
<li>子菜单</li>
</ul>
</li>
</ul>
<ul onclick="show(this)">
<li>22222222222<ul style="display:none">
<li><a href="#">子菜单</a></li>
<li>子菜单</li>
<li>子菜单</li>
</ul></li>
</ul>
</body>
</html>

读书人网 >Java Web开发

热点推荐