新手提问：这种效果应该如何实现？
例子：人民大学主页（http://www.ruc.edu.cn/）
（图片传不上来，拙计=。=）
其顶端： “人民大学”  “概况” “院系”“服务”区域，鼠标经过时会出现下拉菜单。
这是什么技术？如何用dreamweaver实现呢？
ps：我是菜鸟，最近刚学了点网页设计的知识，求大神们指点啊~~

------解决方案--------------------

<script type="text/javascript">

<!--

function show_submenu(menu){

	hide_all_submenus();

	document.getElementById(menu).style.display='';

}

function hide_all_submenus(){

	document.getElementById('submenu_1').style.display='none';

	document.getElementById('submenu_2').style.display='none';

}

//-->

</script>

<div onmouseover="show_submenu('submenu_1')" onmouseout="hide_all_submenus()" style="float:left">菜单1</div>

<div onmouseover="show_submenu('submenu_2')" onmouseout="hide_all_submenus()" style="float:left; margin-left:10px">菜单2</div>



<div style="position:absolute"><div style="position:absolute; width:200px; top:15px">

	<div onmouseover="show_submenu('submenu_1')" onmouseout="hide_all_submenus()" id="submenu_1" style="position:absolute; background-color:#00FF00; display:none;">子菜单1</div>

	<div onmouseover="show_submenu('submenu_2')" onmouseout="hide_all_submenus()" id="submenu_2" style="position:absolute; background-color:#FFFF00; display:none; left:50px">子菜单2</div>

</div></div>