& lthtml xmlns = " http://www . w3 . org/1999/XHTML " & gt;
& lthead & gt
& ltmeta http-equiv = " Content-Type " Content = " text/html;charset=gb2312" />
& ltscript type = " text/JavaScript " & gt;& lt!-//-& gt;& lt![CDATA[//& gt;& lt!-
startList = function() {
if(document . all & amp;& ampdocument.getElementById) {
nav root = document . getelementbyid(" menu ");
var allli = nav root . getelementsbytagname(" Li ")
for(I = 0;我& ltall Li . length;i++) {
node = allli[I];
node.onmouseover=function() {
this.className+= "當前";
}
node.onmouseout=function() {
this . class name = this . class name . replace(" current "," ");
}
}
}
}
window.onload = startList
//-& gt;& lt!]]& gt;& lt/script & gt;
& ltstyle type="text/css " >
body { font-family:Verdana;font-size:12px;行高:1.5;}
img { border-style:無;}
a { color:# 000;文字-裝飾:無;}
a:hover { color:# F00;}
# menu { width:100 px;邊框:1px實心# CCC邊框-底部:無;}
#菜單ul { list-style:none;邊距:0px填充:0px}
#菜單ul li {背景:# eee填充:0px 8px高度:26px行高:26pxborder-bottom:1px solid # CCC;位置:相對;}
#menu ul li ul { display:無;位置:絕對;左:100 px;top:0px;寬度:100 px;邊框:1px實心# ccc邊框-底部:無;}
#menu ul li ul li {背景:# fff填充:0px 8px高度:26px行高:26pxborder-bottom:1px solid # CCC;位置:相對;}
# menu ul Li . current ul { display:block;}
# menu ul Li:hover ul { display:block;}
& lt/style & gt;
& lt/head & gt;
& ltbody & gt
& ltdiv id = " menu " & gt
& ltul & gt
& lt李& gt& lta href = " # " & gt主頁
& lt李& gt& lta href = " # " & gt頁面布局
& ltul & gt
& lt李& gt& lta href = " # " & gt自適應寬度
& lt李& gt& lta href = " # " & gt固定寬度
& lt/ul & gt;
& lt/李& gt
& lt李& gt& lta href = " # " & gtDiv+css教程
& ltul & gt
& lt李& gt& lta href = " # " & gt初學者&初學者
& lt李& gt& lta href = " # " & gt視頻教程
& lt李& gt& lta href = " # " & gt常見問題
& lt/ul & gt;
& lt/李& gt
& lt李& gt& lta href = " # " & gtDiv+css實例
& lt李& gt& lta href = " # " & gt通用代碼
& lt李& gt& lta href = " # " & gt站長的八卦
& lt李& gt& lta href = " # " & gt技術資料
& lt李& gt& lta href = " # " & gt資源下載
& lt李& gt& lta href = " # " & gt圖片材料
& lt/ul & gt;
& lt/div & gt;
& lt/body & gt;
& lt/html & gt;
添加壹個
#menu ul li ul li {背景:# fff填充:0px 8px高度:26px行高:26pxborder-bottom:1px solid # CCC;位置:相對;}
它是白色的,如果妳想換成另壹種顏色的話。修改背景:# fff