建議使用FF，Safari，舉個例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta；1，首先在html中，添加良好的導航內(nèi)容2，后者是網(wǎng)頁的具體內(nèi)容，這里的代碼比較簡單3，在樣式中，首先在菜單中定義一些樣式4，此時，在運行頁面時，滾動條滾動后導航將消失5，為了將導航欄固定在頂部，可以添加樣式。

html頂部導航代碼

html5 導航路線效果調(diào)用核心代碼ltscript type=quottextjavascriptquot 默認地理位置設(shè)置為上海市浦東新區(qū)var x=12149，y=3171 windowonload = function ifnavigatorgeolocation navigat。

建立三個網(wǎng)頁，一個作為主頁面，另外兩個子頁面作為切換頁面嵌入主頁面，子頁面也可以用文字替代用jQuery方法來切換頁面，語言比較簡單網(wǎng)上搜一下看看就懂了 下面附上代碼 lt！DOCTYPE htmllthtmllthead ltmeta charset=。

垂直式的滾動在html5網(wǎng)頁中運用廣泛，很多設(shè)計師很喜歡用這樣的設(shè)計，將一些動畫特效和垂直式滾動導航相結(jié)合，可以達到一種新的視覺效果一起看看 DENSO Brand site的官網(wǎng) ，里面結(jié)合了很多特效以上介紹的這么多種導航方式。

當首頁內(nèi)容過多，需要滾動屏幕時，用戶需要滾動到頂部，然后切換導航內(nèi)容所以現(xiàn)在很多頂部設(shè)計的導航都會有把導航固定在頂部導航上的效果，從而降低用戶的使用成本 頂部的導航設(shè)計有很多種風格，主要結(jié)合logo登錄注冊搜索框形成多種效果。

lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10quot lttitleDocumentlttitle ltstyle padding 0margin 0。

在HTML中，DTD規(guī)定了標記語言的規(guī)則，使瀏覽器能正確地呈現(xiàn)內(nèi)容而HTML5不基于SGML，所以不需要引用DTD文檔結(jié)構(gòu)元素 ltarticle 定義可以獨立于內(nèi)容其余部分的完整獨立內(nèi)容塊ltheader 頁面頂部ltnav 導航欄邊導航。

可以實現(xiàn)的，HTML5可以使用手機的GPS信息，利用百度等地圖的開放API就可以了HTML5中可以通過IP，WIFI信息，GPS，來實現(xiàn)地理定位，當然相關(guān)精度也是有所不同，所以如果要精確導航就得使用GPS信息下面是一段HTML5結(jié)合百度地圖。

1 樓上想直接要效果的話，直接在百度里面搜索，會有各種特效的，代碼直接復(fù)制下來就可以了2 如果是想自己學習的話，建議先學習一下html css 3 有個html css的基礎(chǔ)之后，可以學習js，js是很重要的一個部分，學到。

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

5 Grayscale該模板是一個免費的，多用途的單頁Bootstrap主題著陸頁模板，具有深色配色方案和流暢的滾動動畫該模板具有自定義按鈕樣式，固定的頂部導航，滾動時折疊的導航設(shè)計，平滑滾動動畫等，這些設(shè)計使得該模板非常吸引人。

1用Dreamweaver創(chuàng)建一個新的HTML文件2先按ctrls保存，以防突然斷電，數(shù)據(jù)丟失3將title修改為htmlcss，實現(xiàn)橫向?qū)Ш?創(chuàng)建一個新的divid“A”并添加ulli標簽5在li中添加所需的文本，并調(diào)整文本間距按F12。

html如何讓導航欄固定在頂部

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

1html5新增的一些語義話標簽，可以使用比如頭部可以使用header標簽，導航nav，主體部分可以使用section，底部footer，中間文章articleltheader ltnavltnavltheaderltsection ltarticleltarticleltsectionltfooter。