本文展示了一个HTML和JavaScript实现的交互式下拉菜单。通过鼠标悬停在菜单项上，显示子菜单；离开时，子菜单自动隐藏。菜单结构包括首页、关于中信、公司业务、公益事业、中信研究、推荐招聘、特色推荐等多个板块。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>下拉列表</title>
<style type="text/css">
*{ margin:0px;
padding:0px;
}
body{
font-size:13px;
}
#nav{ width:850px;
height:40px;
background-color:#eee;
margin:0 auto;
}
ul{
list-style:none;
}
ul li{
float:left;
line-height:40px;
text-align:center;
width:70px;
}
a{
text-decoration:none;
<
<html>
<head>
<meta charset="utf-8">
<title>下拉列表</title>
<style type="text/css">
*{ margin:0px;
padding:0px;
}
body{
font-size:13px;
}
#nav{ width:850px;
height:40px;
background-color:#eee;
margin:0 auto;
}
ul{
list-style:none;
}
ul li{
float:left;
line-height:40px;
text-align:center;
width:70px;
}
a{
text-decoration:none;
<
最低0.47元/天 解锁文章
575
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
