首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > Java Web开发 >

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

2013-07-16 
一个简单的JS循环。。。解决马上给分!附上【靓妹】图片!script languageJavaScriptfunction show(ChildMen

一个简单的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>

热点排行