你這是分頁(yè)模板吧如果實(shí)現(xiàn)內(nèi)容頁(yè)的話 就修改內(nèi)容模板 如果是列表頁(yè)面的話 就修改列表模板 ！showlistpage分頁(yè)導(dǎo)航列表式！showpage分頁(yè)導(dǎo)航下拉式上面那效果是屬于列表式的。

為了建立導(dǎo)航菜單，讓我們先看看html結(jié)構(gòu)lt！DOCTYPE html Animation Menu Demo。

本人親測(cè)下面這些代碼是可以實(shí)現(xiàn)二級(jí)或多級(jí)導(dǎo)航菜單的 lt！ margin0pxpadding0px body overflowscrollfontsize12pxfontfamilyArial， Helvetica， sansserifcolor#000 a fontsize12pxfontfamilyArial， Helvetica， sansserifcolor#000textdecoration men。

用CSS控制的下拉菜單，在各個(gè)瀏覽器中表現(xiàn)的不夠完美，最佳的方法是使用jQuery來(lái)制作，代碼如下，加了一個(gè)緩動(dòng)的效果HTML部分 菜單零 菜單一 子菜單 子菜單 子菜單 子菜單 子菜單 子菜單。

使用HTML和CSS制作下拉菜單的方法如下1編寫帶有div導(dǎo)航的html代碼2使用class=“nav”屬性的‘div’標(biāo)簽作為菜單的容器在截圖中，在圖示的HTML代碼中，一個(gè)簡(jiǎn)單的無(wú)序列表ul來(lái)表示主菜單項(xiàng)3在主菜單區(qū)域中添加鏈接在本步驟中，在無(wú)序列表ul每一項(xiàng)上添加鏈接4在“關(guān)于我們。

利用js捕獲窗口拖動(dòng)的距離，并動(dòng)態(tài)賦值給導(dǎo)航菜單的div，使其跟著走 2導(dǎo)航菜單是一個(gè)frameset框架，所以拖動(dòng)scroll的時(shí)候，frame元素固定在最上層。