<!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教程