欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

新手提问:这种效果应该怎么实现

更新时间: 2014-01-05 01:55:00 责任编辑: Author_N1

 

新手提问:这种效果应该如何实现?
例子:人民大学主页(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>
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:55:00
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/3005/
本文WWW.DOC100.NET DOC100.NET版权所有。