1首先打開Deamweaver8，新建一網(wǎng)頁(yè)文件，接著輸入以下導(dǎo)航菜單的內(nèi)容2此時(shí)對(duì)應(yīng)效果如圖3接下來準(zhǔn)備相關(guān)的導(dǎo)航按鈕圖片可以事先利用PS制作好4然后將以下CSS代碼加入到ltheadlthead之間5網(wǎng)頁(yè)此時(shí)的效果。

在HTML5頁(yè)面中，經(jīng)常使用ltnav標(biāo)簽來充當(dāng)導(dǎo)航的結(jié)構(gòu)化標(biāo)簽ltnav標(biāo)簽用于定義頁(yè)面的導(dǎo)航部分，通常包含導(dǎo)航鏈接或?qū)Ш讲藛嗡峁┝艘环N語(yǔ)義化的方式來標(biāo)記頁(yè)面的導(dǎo)航內(nèi)容，使得搜索引擎和輔助技術(shù)能夠更好地理解和處理導(dǎo)航。

ltmeta charset=quotutf8quot 例如需求導(dǎo)航欄實(shí)現(xiàn)橫向滑動(dòng)，適應(yīng)移動(dòng)端，當(dāng)滑動(dòng)到最后時(shí)，圖標(biāo)隱藏 css實(shí)現(xiàn)滑動(dòng)效果style樣式scrollContaineroverflowauto box displayboxdisplaywebkitbox也可使用display。

HTML5是無(wú)法做這個(gè)事情的準(zhǔn)確點(diǎn)說應(yīng)該是用CSS的響應(yīng)式布局這個(gè)東西你可以去看一下bootstrap，這個(gè)前端框架就是大量利用了這個(gè)技術(shù)。

建議使用FF，Safari，舉個(gè)例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta。