我已经做了个一级导航，如何修改成二级导航，代码如下
<styletype="text/css">*{margin:0;padding:0;font-size:13px;text-aling:center;}body{bac...
<style type="text/css">
* {
margin: 0;
padding: 0;
font-size:13px;
text-aling: center;
}
body{
background-color:#CCCCFF;
top: auto;
bottom: auto;
clip: rect(auto,auto,auto,auto);
}
#nav {
width: 700px;
margin: 20px auto 0 auto;
}
#nav li{
display: inline;
list-style-type: none;
}
#nav li a:link,#nav li a:visited {
float:left;
margin-right:1px;
height:26px;
line-height:26px;
padding:0 20px;
text-decoration: none;
color:#9966ff;
background:url(link.jpg);
}
#nav li a:hover {
color:#000;
background: url(hover.jpg);
}
#home #nav li a#cur1,#divcss #nav li a#cur2,#csslayout #nav li a#cur3,#css20 #nav li a#cur4,#websites #nav li a#cur5,#moban #nav li a#cur6 {
color:#fff;
background:url(current.jpg);
}
#topline {
width:100%;
height:3px;
overflow:hidden;
background:#b5dece;
}
</style>
<!--控制导航条的CSS样式结束-->
</head>
<body>
<body id="home">
<!--生成导航的无序列表-->
<ul id="nav">
<li><a href="#" id="cur2">个人首页</a></li>
<li><a href="myself.html" id="cur3">自我介绍</a></li>
<li><a href="#" id="cur4">立足之基</a></li>
<li><a href="#" id="cur5">家乡</a></li>
<li><a href="#" id="cur6">相册</a></li>
<li><a href="#" id="cur7">专业与能力</a></li>
<li><a href="#" id="cur8">雁过留声</a></li>
</ul> 展开
* {
margin: 0;
padding: 0;
font-size:13px;
text-aling: center;
}
body{
background-color:#CCCCFF;
top: auto;
bottom: auto;
clip: rect(auto,auto,auto,auto);
}
#nav {
width: 700px;
margin: 20px auto 0 auto;
}
#nav li{
display: inline;
list-style-type: none;
}
#nav li a:link,#nav li a:visited {
float:left;
margin-right:1px;
height:26px;
line-height:26px;
padding:0 20px;
text-decoration: none;
color:#9966ff;
background:url(link.jpg);
}
#nav li a:hover {
color:#000;
background: url(hover.jpg);
}
#home #nav li a#cur1,#divcss #nav li a#cur2,#csslayout #nav li a#cur3,#css20 #nav li a#cur4,#websites #nav li a#cur5,#moban #nav li a#cur6 {
color:#fff;
background:url(current.jpg);
}
#topline {
width:100%;
height:3px;
overflow:hidden;
background:#b5dece;
}
</style>
<!--控制导航条的CSS样式结束-->
</head>
<body>
<body id="home">
<!--生成导航的无序列表-->
<ul id="nav">
<li><a href="#" id="cur2">个人首页</a></li>
<li><a href="myself.html" id="cur3">自我介绍</a></li>
<li><a href="#" id="cur4">立足之基</a></li>
<li><a href="#" id="cur5">家乡</a></li>
<li><a href="#" id="cur6">相册</a></li>
<li><a href="#" id="cur7">专业与能力</a></li>
<li><a href="#" id="cur8">雁过留声</a></li>
</ul> 展开
展开全部
这里有一个js的多级联动下拉菜单
可以自定义位置和样式 比较实用
里面有教程和源码
可以自定义位置和样式 比较实用
里面有教程和源码
参考资料： http://www.blueidea.com/common/shoutbox/redir.asp?2=e&id=11931
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你能看懂如下地址的示例，你就能自己修改了。见参考资料网址。
参考资料： http://apps.hi.baidu.com/share/detail/4406675
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
