请网页制作高手们帮我看看这段代码。

来源:百度知道 编辑:UC知道 时间:2024/07/04 08:52:49
test1.html中的代码:
<body>
<div id="nav">
<ul>
<li class="menu1" onmouseover="this.className='menu2'" onmouseout="this.className='menu1'">首页
<div class="list">
<div class="listcontent"><a href="#">首页一</a></div>
<div class="listcontent"><a href="#">首页二</a></div>
<div class="listcontent"><a href="#">首页三</a></div>
<div class="listcontent"><a href="#">首页四</a></div>
<div class="listcontent"><a href="#">首页五</a></div>
</div>
</li>

<li class="menu1" onmouseover="this.className='menu2'" onmouseout="this.className='menu1'">新闻热点
<div class="list

<style type="text/css">
body{
padding:0px;
margin:0px;
font-family:"新宋体";
}
ul,li{
padding:0px;
margin:0px auto;
}

li{
list-style:none;
display:inline;
float:left;
text-align:center;
font-weight:bold;
list-style-position:inside;
}

a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: none;
color: #000000;
}
a:active {
text-decoration: none;
color: #FF0000;
}
.menu1{
width:100px;
height:20px;
margin:0px 3px 0px 3px;
line-height:20px;
color:#9999FF;
overflow-y:hidden;
background:url(ico.gif) no-repeat;
}

.menu2{
border:#000099 1px solid;
width:100px;
height:auto;
margin:0px 3px 0px 3px;
line-height:20px;
overflow-y:hid