如何用js做网页上的点击出现的二级菜单

JavaScript09

如何用js做网页上的点击出现的二级菜单,第1张

用jquery实现吧，其实网上 有不少这种小控件！

<div class="arrowlistmenu">

<h3 class="menuheader expandable">表单</h3>

<ul class="categoryitems">

<li><a href="1/">Horizontal CSS Menus</a></li>

<li><a href="2/">Vertical CSS Menus</a></li>

<li><a href="4/">Image CSS</a></li>

<li><a href="6/">Form CSS</a></li>

</ul>

<h3 class="menuheader expandable">菜单</h3>

<ul class="categoryitems">

<li><a href="">CSS Gallery</a></li>

<li><a href="">Menu Gallery</a></li>

<li><a href="">Web Design News</a></li>

<li><a href="">CSS Examples</a></li>

<li><a href="">CSS Compressor</a></li>

<li><a href="">CSS Forums</a></li>

</ul>

<h3 class="menuheader expandable">分页</h3>

<ul class="categoryitems">

<li><a href="#" >Free JavaScripts</a></li>

</ul>

</div>

this.getElementsByTagName("ul")[0].style.display="none"改为

this.getElementsByTagName("ul")[1].style.display="ture"

鼠标移上去，展开就不会 收缩上去了