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

代碼如下 以下為html5代碼，獲取地理位置 function getLocation 檢查瀏覽器是否支持地理位置獲取 if navigatorgeolocation 若支持地理位置獲取，成功調(diào)用showPosition，失敗調(diào)用showError alertquot正在。

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

adisplay blockahoverbackgroundurl#39紅色方框的圖png#39思路差不多就這樣，具體的代碼和圖自己搞定吧。

在HTML5中新增ltnav標(biāo)簽，使用方法是在原來(lái)導(dǎo)航條最外側(cè)增加ltnavltnavltnav標(biāo)簽是語(yǔ)義標(biāo)簽，對(duì)布局中的樣式?jīng)]有任何影響，只是告訴搜索引擎和瀏覽器引擎這是導(dǎo)航區(qū)域相關(guān)代碼如下。

1首先，大家可以直接使用html5中的導(dǎo)航欄標(biāo)簽ltnavltnav，可以根據(jù)實(shí)際需要，去除下劃線和顏色等等 2接下來(lái)可以無(wú)序列表，去除它的默認(rèn)樣式設(shè)置浮動(dòng)就可以了 3設(shè)置超鏈接 在這里還想說(shuō)的是，ltul的子集元素只能是。

dw如何制作橫向?qū)Ш綏l設(shè)置css，浮動(dòng)，定位，或者設(shè)置display為行內(nèi)元素，當(dāng)然，寬度一定要夠用CSShtml5如何做到點(diǎn)擊導(dǎo)航欄切換頁(yè)面導(dǎo)航欄下面放一個(gè)Div，專門(mén)用來(lái)顯示對(duì)應(yīng)導(dǎo)航欄目的內(nèi)容點(diǎn)擊導(dǎo)航欄觸發(fā)點(diǎn)擊事件，在事件。

nav是html5新出的一種便簽，一般用來(lái)包裹網(wǎng)頁(yè)中的導(dǎo)航條使用方法如下ltnav ltspan主頁(yè)ltspan ltspan列表ltspan ltnav。