日期:2014-05-18  浏览次数:20534 次

新手求助!请大虾们帮下忙~~SOS!!!!
<div>
<ul>
<li> <a   href= "# "> aa </a> </li>
<li> <a   href= "# "> bb </a> </li>
<li> <a   href= "# "> dd </a> </li>
。。。。
</ul>
  </div>
如上...div里面放项目,但我想用一个按钮控制 <li> 的显示.比如,每按一下就显示 <div> 里的的指定要显示的n项(n是指如:显示aa,bb,cc...)...听别人说用JS可以做的。请高手指点下。。。。急~

------解决方案--------------------
<div>
<ul>
<li style= "display:none "> <a href= "# "> aa </a> </li>
<li style= "display:none "> <a href= "# "> bb </a> </li>
<li style= "display:none "> <a href= "# "> dd </a> </li>
</ul>
</div>
<input id=aa>
<input type=button onclick= "setM(parseInt(aa.value)) " value= "输入0-2测试 ">
<script>
var lastNode = null
function setM(m)
{
if(lastNode) lastNode.style.display= 'none '
document.getElementsByTagName( 'ul ')[0].childNodes[m].style.display= 'block '
lastNode=document.getElementsByTagName( 'ul ')[0].childNodes[m]
}
</script>