提問:這種效果應該怎麼實現

tags:    時間:2013-12-14 09:44:08
新手提問:這種效果應該如何實現?
例子:人民大學主頁(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>

推薦閱讀文章

Bookmark the permalink ,來源:互聯網