<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> 菜單層 </TITLE>
  <script>
    function select_move(id,val){
        var list = document.getElementById(id);
        list.style.display = val;
    }
  </script>
 </HEAD>

 <BODY>
  <div id="title" style="width:50px;" onmousemove="select_move('content','block')" onmouseout="select_move('content','none')">
    <span val="0">新聞</span>
    <div id="content" style="display:none;width:100px;z-index:10000;">
        <li><a href="#" val="1">國際新聞</a></li>
        <li><a href="#" val="2">國際新聞</a></li>
        <li><a href="#" val="3">國際新聞</a></li>
        <li><a href="#" val="4">國際新聞</a></li>
        <li><a href="#" val="5">國際新聞</a></li>
        <li><a href="#" val="6">國際新聞</a></li>
    </div>
  </div>
 </BODY>
</HTML>


ExtJS教程- Hibernate教程-Struts2 教程-Lucene教程