【文章內(nèi)容簡(jiǎn)介】 d width=10% height=5//對(duì)單元格進(jìn)行設(shè)置h1 onClick=javascript:ShowMenu(this,39。NO239。)//當(dāng)點(diǎn)擊該菜單時(shí)，顯示如下的二級(jí)菜單font face=華文楷體軍事大全/font/h1/tdtd width=10% height=5//對(duì)單元格進(jìn)行設(shè)置h1 onClick=javascript:ShowMenu(this,39。NO339。) //當(dāng)點(diǎn)擊該菜單時(shí)，顯示下面的二級(jí)菜單font face=華文楷體遼東軍事/font/h1/tdtd width=10% height=5//對(duì)單元格進(jìn)行設(shè)置h1 onClick=javascript:ShowMenu(this,39。NO439。) //當(dāng)點(diǎn)擊該菜單時(shí)，顯示如下的二級(jí)菜單font face=華文楷體中國(guó)軍情/font/h1/tdtd width=10% height=5//對(duì)單元格進(jìn)行設(shè)置h1 onClick=javascript:ShowMenu(this,39。NO539。) //當(dāng)點(diǎn)擊該菜單時(shí)，顯示如下的二級(jí)菜單font face=華文楷體今日頭條/font/h1/tdtd width=10% height=5//對(duì)單元格進(jìn)行設(shè)置h1 onClick=javascript:ShowMenu(this,39。NO639。) //當(dāng)點(diǎn)擊該菜單時(shí)，顯示如下的二級(jí)菜單font face=華文楷體軍迷大本營(yíng)/font/h1/tdtd width=10% height=5//對(duì)單元格進(jìn)行設(shè)置h1 onClick=javascript:ShowMenu(this,39。NO739。) //當(dāng)點(diǎn)擊該菜單時(shí)，顯示如下的二級(jí)菜單font face=華文楷體聯(lián)系我們/font/h1/td/tr/table/div//定義一個(gè)層div style=position: absolute。 width: 107px。 height: 100px。 zindex: 2。 left: 369px。 top: 76px。 id=layer2//當(dāng)發(fā)生點(diǎn)擊按鈕事件時(shí)，出現(xiàn)該菜單下的二級(jí)菜單 span id=NO2 class=no h2 onClick=javascript:ShowMenu(this,39。2139。)font size=4中國(guó)軍情/font/h2 h2 onClick=javascript:ShowMenu(this,39。2239。)font size=4最新新聞/font/h2 h2 onClick=javascript:ShowMenu(this,39。2339。)font size=4軍事分析/font/h2 /span p　/divdiv style=position: absolute。 width: 107px。 height: 100px。 zindex: 3。 left: 524px。 top: 71px id=layer3//定義一個(gè)層span id=NO3 class=no h2 onClick=javascript:ShowMenu(this,39。3139。)font size=4軍事快報(bào)/font/h2 h2 onClick=javascript:ShowMenu(this,39。3239。)font size=4軍迷論壇/font/h2 h2 onClick=javascript:ShowMenu(this,39。3339。)font size=4環(huán)球視野/font/h2/span//當(dāng)發(fā)生點(diǎn)擊按鈕事件時(shí)，出現(xiàn)該菜單下的二級(jí)菜單　/divdiv style=position: absolute。 width: 109px。 height: 100px。 zindex: 4。 left: 671px。 top: 73px id=layer4//定義一個(gè)層 span id=NO4 class=no h2 onClick=javascript:ShowMenu(this,39。4139。)font size=4肉類/font/h2 h2 onClick=javascript:ShowMenu(this,39。4239。)font size=4蔬菜類/font/h2 h2 onClick=javascript:ShowMenu(this,39。4339。)font size=4涼菜類/font/h2 /span//當(dāng)發(fā)生點(diǎn)擊按鈕事件時(shí)，出現(xiàn)該菜單下的二級(jí)菜單p　/divdiv style=position: absolute。 width: 110px。 height: 100px。 zindex: 1。 left: 812px。 top: 71px id=layer5//定義一個(gè)層span id=NO5 class=no h2 onClick=javascript:ShowMenu(this,39。5139。)font size=4視頻/font/h2 h2 onClick=javascript:ShowMenu(this,39。5239。)font size=4圖片/font/h2 h2 onClick=javascript:ShowMenu(this,39。5339。)font size=4相關(guān)鏈接/font/h2 /span//當(dāng)發(fā)生點(diǎn)擊按鈕事件時(shí)，出現(xiàn)該菜單下的二級(jí)菜單p　/div div style=position: absolute。 width: 105px。 height: 67px。 zindex: 1。 left: 956px。 top: 74px id=layer6//定義一個(gè)層 span id=NO6 class=no h2 onClick=javascript:ShowMenu(this,39。6139。)font size=4大事早知道/font/h2 h2 onClick=javascript:ShowMenu(this,39。6239。)font size=4社會(huì)百態(tài)/font/h2 h2 onClick=javascript:ShowMenu(this,39。6339。)font size=4我有話說(shuō)/font/h2 /span//當(dāng)發(fā)生點(diǎn)擊按鈕事件時(shí)，出現(xiàn)該菜單下的二級(jí)菜單 p　 /divdiv style=position: absolute。 width: 106px。 height: 67px。 zindex: 1。 left: 1102px。 top: 72px id=layer7//定義一個(gè)層 span id=NO7 class=no h2 onClick=javascript:ShowMenu(this,39。7139。)font size=4常見問(wèn)題解答/font/h2 h2 onClick=javascript:ShowMenu(this,39。7239。)font size=4自助服務(wù)/font/h2 h2 onClick=javascript:ShowMenu(this,39。7339。)font size=4反饋意見/font/h2 /span//當(dāng)發(fā)生點(diǎn)擊按鈕事件時(shí)，出現(xiàn)該菜單下的二級(jí)菜單 /div/body/html（七）頁(yè)面下拉菜單的分析與設(shè)計(jì)，鼠標(biāo)移動(dòng)到上面時(shí)就會(huì)自動(dòng)向下彈出，大大節(jié)省了網(wǎng)頁(yè)的空間，上述功能實(shí)現(xiàn)的代碼如下：div style=position: absolute。 width: 572px。 height: 407px。 zindex: 1。 left:9px。 top:13px id=layer1　!DOCTYPE html PUBLIC //W3C//DTD XHTML Transitional//EN html head titleJavaScript下拉菜單/title style type=text/css * { padding:0。 margin:0。 } body { fontfamily:verdana, sansserif。 fontsize:small。 } navigation, navigation li ul { liststyletype:none。 } navigation { margin:20px。 } navigation li { float:left。 textalign:center。 position:relative。 } navigation li a:link, navigation li a:visited { display:block。 textdecoration:none。 color:000。 width:120px。 height:40px。 lineheight:40px。 border:1px solid fff。 borderwidth:1px 1px 0 0。 background:c5dbf2。 paddingleft:10px。 } navigation li a:hover { color:fff。 background:2687eb。 } navigation li ul li a:hover { color:fff。 background:6b839c。 } navigation li ul { display:none。 position:absolute。 top:40px。 left:0。 margintop:1px。 width:120px。 } navigation li ul li ul { display:none。 position:absolute。 top:0px。 left:130px。 margintop:0。 marginleft:1px。 width:120px。 } /style script type=text/javascript function displaySubMenu(li) { //建立一個(gè)顯示菜單的函數(shù)var subMenu = (ul)[0]。 //定義一個(gè)變量 = block。 } function hideSubMenu(li) { //建立一個(gè)隱藏菜單的函數(shù)var subMenu = (ul)[0]。 = none。 } /script /head body ul id=navigation li onmouseover=displaySubMenu(this) onmouseout=hideSubMenu(this) //當(dāng)鼠標(biāo)位于一級(jí)欄目上時(shí)，顯示二級(jí)菜單；當(dāng)鼠標(biāo)離開欄目時(shí)，隱藏二級(jí)菜單a href=遼東軍事/a ul lia href=軍事快報(bào)/a/li lia href=中國(guó)軍情/a/li lia href=環(huán)球視野/a/li lia href=軍迷論壇/a/li /ul /li li onmouseover=displaySubMenu(this) onmouseout=hideSubMenu(this) a href=今日頭條/a ul lia href=國(guó)內(nèi)/a/li lia href=國(guó)際/a/li lia href=丹東/a/li lia href=社會(huì)/a/li lia href=評(píng)論員文章/a/li /ul /li li onmouseover=displaySubMenu(this) onmouseout=hideSubMenu(this) a href=軍迷大本營(yíng)/a ul li onmouseover=displaySubMenu(this) onmouseout=hideSubMenu(this) a href=購(gòu)物/a /li lia href=論壇/a/li li onmouseover=displaySubMenu(this) onmouseout=hideSubMenu(this) a href=活動(dòng)/a /li /ul /li /ul /body /htm