01首先打開SublimeText軟件，新建一個html頁面，在html頁面中準備好html結構，如下圖所示02接下來，我們在html的body結構中添加導航欄的內容，如下圖所示03然后需要在style標簽中用CSS定義導航條的樣式，如下圖所示寫樣。

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

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

建議導航欄使用固定定位，positionfixed，或者就默認的static。

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

排版的時候導航條和logo在一個盒子模型內，也就是一個div內，分別定義logo和導航的寬度，然后浮動即可。

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