模似windows XP 左侧的菜单效果(3)

function ChangeStyle()
{
    if (this.className == this.getAttribute("classOut"))
        this.className = this.getAttribute("classOver");
    else
        this.className = this.getAttribute("classOut");
}
</script>
<!--------Start Menu---------->
<div class="mainDiv" state="0">
<div class="topItem" classOut="topItem" classOver="topItemOver" onMouseOver="Init(this);" >网页特效</div>       
<div class="dropMenu" >
 <div class="subMenu" state="0">
  <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.smallrain.net/javascript.asp?type=图形图像">图形图像</a></span><BR />
  <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.smallrain.net/javascript.asp?type=鼠标事件">鼠标事件</a></span><BR />
  <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.smallrain.net/javascript.asp?type=时间日期">时间日期</a></span><BR />
  <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.smallrain.net/javascript.asp?type=导航菜单">导航菜单</a></span><BR />
  <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.smallrain.net/javascript.asp?type=文字效果">文字效果</a></span>
 </div>
</div>
</div>

<!--------End Menu---------->
<BR />
<!--------Start Menu---------->
<div class="mainDiv" state="0">
<div class="topItem" classOut="topItem" classOver="topItemOver" onMouseOver="Init(this)" >网络学院</div>       
<div class="dropMenu" >
 <div class="subMenu" state="0">
  <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.smallrain.net/study.asp?type=网页制作">网页制作</a></span><BR />
  <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.smallrain.net/study.asp?type=网络编程">网络编程</a></span><BR />
  <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.smallrain.net/study.asp?type=图形图像">图形图像</a></span>
 </div>
</div>
</div>

<!--------End Menu---------->
<BR />
<!--------Start Menu---------->
<div class="mainDiv" state="0">
<div class="topItem" classOut="topItem" classOver="topItemOver" onMouseOver="Init(this)" >网站联盟</div>       
<div class="dropMenu" >
 <div class="subMenu" state="0">
  <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.smallrain.net/webmeng_show.asp?type=1">网页设计</a></span><BR />
  <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.smallrain.net/webmeng_show.asp?type=2">艺术创作</a></span><BR />
  <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.smallrain.net/webmeng_show.asp?type=3">电脑网络</a></span>
  </div>
</div>
</div>

<!--------End Menu---------->

……