可以实现的，HTML5可以使用手机的GPS信息，利用百度等地图的开放API就可以了HTML5中可以通过IP，WIFI信息，GPS，来实现地理定位，当然相关精度也是有所不同，所以如果要精确导航就得使用GPS信息下面是一段HTML5结合百度地图。

代码如下 以下为html5代码，获取地理位置 function getLocation 检查浏览器是否支持地理位置获取 if navigatorgeolocation 若支持地理位置获取，成功调用showPosition，失败调用showError alertquot正在。

建议使用FF，Safari，举个例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta。

adisplay blockahoverbackgroundurl#39红色方框的图png#39思路差不多就这样，具体的代码和图自己搞定吧。

在HTML5中新增ltnav标签，使用方法是在原来导航条最外侧增加ltnavltnavltnav标签是语义标签，对布局中的样式没有任何影响，只是告诉搜索引擎和浏览器引擎这是导航区域相关代码如下。

1首先，大家可以直接使用html5中的导航栏标签ltnavltnav，可以根据实际需要，去除下划线和颜色等等 2接下来可以无序列表，去除它的默认样式设置浮动就可以了 3设置超链接 在这里还想说的是，ltul的子集元素只能是。

dw如何制作横向导航条设置css，浮动，定位，或者设置display为行内元素，当然，宽度一定要够用CSShtml5如何做到点击导航栏切换页面导航栏下面放一个Div，专门用来显示对应导航栏目的内容点击导航栏触发点击事件，在事件。

nav是html5新出的一种便签，一般用来包裹网页中的导航条使用方法如下ltnav ltspan主页ltspan ltspan列表ltspan ltnav。