CSS瀹??版í??寮瑰?鴻????瀹?渚?锛?
Code
?
<! DOCTYPE?html?PUBliC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html? xmlns ="http://www.w3.org/1999/xhtml</a>" ?lang ="zh-CN" >
< head >
< meta? http-equiv ="Content-Type" ?content ="text/html;?charset=gb2312" ? />
< title > css????婕?绀?</ title >
< style? type ="text/css" > ...
<!--
*{...}{margin:0;padding:0;border:0;}
body?{...}{
?font-family:?arial,?瀹?浣?,?serif;
????????font-size:12px;
}
#nav?{...}{
??line-height:?24px;??list-style-type:?none;?background:#666;
}
#nav?a?{...}{
?display:?block;?width:?80px;?text-align:center;
}
#nav?a:link??{...}{
?color:#666;?text-decoration:none;
}
#nav?a:visited??{...}{
?color:#666;text-decoration:none;
}
#nav?a:hover??{...}{
?color:#FFF;text-decoration:none;font-weight:bold;
}
#nav?li?{...}{
?float:?left;?width:?80px;?background:#CCC;
}
#nav?li?a:hover{...}{
?background:#999;
}
#nav?li?ul?{...}{
?line-height:?27px;??list-style-type:?none;text-align:left;
?left:?-999em;?width:?980px;?position:?absolute;?float:left;
}
#nav?li?ul?li{...}{
?float:?left;?width:?80px;
?background:?#F6F6F6;?
}
#nav?li?ul?a{...}{
?display:?block;?width:?80px;text-align:center;
}
#nav?li?ul?a:link??{...}{
?color:#666;?text-decoration:none;
}
#nav?li?ul?a:visited??{...}{
?color:#666;text-decoration:none;
}
#nav?li?ul?a:hover??{...}{
?color:#F3F3F3;text-decoration:none;font-weight:normal;
?background:#C00;
}
#nav?li:hover?ul?{...}{
?left:?0;
}
#nav?li.sfhover?ul?{...}{
?left:?0;
}
#content?{...}{
?clear:?left;?
}
-->
</ style >
< script? type =text/javascript > ... <!--//--><![CDATA[//><!--
function?menuFix()?...{
?var?sfEls?=?document.getElementById("nav").getElementsByTagName("li");
?for?(var?i=0;?i<sfEls.length;?i++)?...{
??sfEls[i].onmouseover=function()?...{
??this.className+=(this.className.length>0??"?":?"")?+?"sfhover";
??}
??sfEls[i].onMouseDown=function()?...{
??this.className+=(this.className.length>0??"?":?"")?+?"sfhover";
??}
??sfEls[i].onMouseUp=function()?...{
??this.className+=(this.className.length>0??"?":?"")?+?"sfhover";
??}
??sfEls[i].onmouseout=function()?...{
??this.className=this.className.replace(new?RegExp("(??|^)sfhover/b"),?
"");
??}
?}
}
window.onload=menuFix;
//--><!]]></script>
</head>
<body>
<ul?id="nav">
<li><a?href="#">浜у??浠?缁?</a>
?<ul>
?<li><a?href="#">浜у??涓?</a></li>
?<li><a?href="#">浜у??涓?</a></li>
?<li><a?href="#">浜у??涓?</a></li>
?<li><a?href="#">浜у??涓?</a></li>
?<li><a?href="#">浜у??涓?</a></li>
?<li><a?href="#">浜у??涓?</a></li>
?</ul>
</li>
<li><a?href="#">???′?缁?</a>
?<ul>
?<li><a?href="#">???′?</a></li>
?<li><a?href="#">???′?</a></li>
?<li><a?href="#">???′?</a></li>
?<li><a?href="#">???′?</a></li>
?<li><a?href="#">???′?</a></li>
?<li><a?href="#">???′?</a></li>
?</ul>
</li>
<li><a?href="#">????妗?渚?</a>
?<ul>
?<li><a?href="#">妗?渚?涓?</a></li>
?<li><a?href="#">妗?渚?涓?</a></li>
?<li><a?href="#">妗?渚?涓?</a></li>
?<li><a?href="#">妗?渚?涓?</a></li>
?</ul>
</li>
<li><a?href="#">?充???浠?</a>
?<ul>
?<li><a?href="#">??浠???</a></li>
?<li><a?href="#">??浠???</a></li>
?<li><a?href="#">??浠???</a></li>
?<li><a?href="#">??浠???111</a></li>
?</ul>
</li>
<li><a?href="#">?ㄧ嚎婕?绀?lt;/a>
?<ul>
?<li><a?href="#">婕?绀?lt;/a></li>
?<li><a?href="#">婕?绀?lt;/a></li>
?<li><a?href="#">婕?绀?lt;/a></li>
?<li><a?href="#">婕?绀?lt;/a></li>
?<li><a?href="#">婕?绀?lt;/a></li>
??? </ul>
</li>
<li><a?href="#">??绯繪??浠?</a>
?<ul>
?<li><a?href="#">??绯昏??绯?lt;/a></li>
?<li><a?href="#">??绯昏??绯?lt;/a></li>
?<li><a?href="#">??绯?lt;/a></li>
?<li><a?href="#">??绯昏??绯?lt;/a></li>
?<li><a?href="#">??绯昏??绯?lt;/a></li>
?<li><a?href="#">??绯昏??绯?lt;/a></li>
?<li><a?href="#">??绯昏??绯?lt;/a></li>
?</ul>
</li>
</ul>
</body>
</html>