模似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 >圖形圖像</a></span><BR />
  <span class="subItem" classOut="subItem" classOver="subItemOver"><a >鼠標事件</a></span><BR />
  <span class="subItem" classOut="subItem" classOver="subItemOver"><a >時間日期</a></span><BR />
  <span class="subItem" classOut="subItem" classOver="subItemOver"><a >導航菜單</a></span><BR />
  <span class="subItem" classOut="subItem" classOver="subItemOver"><a >文字效果</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 >網頁制作</a></span><BR />
  <span class="subItem" classOut="subItem" classOver="subItemOver"><a >網絡編程</a></span><BR />
  <span class="subItem" classOut="subItem" classOver="subItemOver"><a >圖形圖像</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 >網頁設計</a></span><BR />
  <span class="subItem" classOut="subItem" classOver="subItemOver"><a >藝術創作</a></span><BR />
  <span class="subItem" classOut="subItem" classOver="subItemOver"><a >電腦網絡</a></span>
  </div>
</div>
</div>

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

文章來源于領測軟件測試網 http://www.kjueaiud.com/