當前位置:編程學習大全網 - 人物素材 - 固體背景材料

固體背景材料

& lt!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " " http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD " & gt;

& 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

  • 上一篇:<<史記 越王勾踐世家>>
  • 下一篇:如何做國慶節手抄報?(圖片也ok)
  • copyright 2024編程學習大全網