01首先打開SublimeText軟件，新建一個(gè)html頁面，在html頁面中準(zhǔn)備好html結(jié)構(gòu)，如下圖所示02接下來，我們?cè)趆tml的body結(jié)構(gòu)中添加導(dǎo)航欄的內(nèi)容，如下圖所示03然后需要在style標(biāo)簽中用CSS定義導(dǎo)航條的樣式，如下圖所示寫樣。

如果不是頁面切換的話，滾動(dòng)的位置是不發(fā)生變化的應(yīng)該。

設(shè)計(jì)師根據(jù)不同網(wǎng)站的需求設(shè)計(jì)不同的導(dǎo)航，做到這一步并不容易學(xué)無止境讓我們加入設(shè)計(jì)師的行列 Html5網(wǎng)頁簡潔導(dǎo)航欄制作？ 1我們以下圖所示的導(dǎo)航欄為標(biāo)準(zhǔn)來制作一個(gè)導(dǎo)航欄 2首先大家看看這個(gè)的原理 nav p ahref=quot。

建議導(dǎo)航欄使用固定定位，positionfixed，或者就默認(rèn)的static。

一般來說導(dǎo)航欄是放在一個(gè)網(wǎng)頁里的，然后所有的網(wǎng)頁都以調(diào)用的方式在頂部添加這個(gè)網(wǎng)頁這樣，更改這個(gè)網(wǎng)頁，其他網(wǎng)頁也相應(yīng)顯示更改后的樣子了以tophtml為例，在indexhtml首頁就以lt！#include file=quottophtmlquot。

排版的時(shí)候?qū)Ш綏l和logo在一個(gè)盒子模型內(nèi)，也就是一個(gè)div內(nèi)，分別定義logo和導(dǎo)航的寬度，然后浮動(dòng)即可。

通過此id確定往div中添加那個(gè)內(nèi)容可以用divinnerHTML來更新div顯示的內(nèi)容或者，導(dǎo)航欄下面放置多個(gè)Div，數(shù)量等于導(dǎo)航欄目的個(gè)數(shù)，所有div要都重疊在一起在點(diǎn)擊事件函數(shù)中控制div的顯示和隱藏。