1、html做導(dǎo)航欄步驟如下1用Dreamweaver新建一個(gè)HTML文件2按ctrl+s先保存，以防突然斷電數(shù)據(jù)丟失3修改title為html+css實(shí)現(xiàn)橫向?qū)Ш?新建一個(gè)divid為“a”，添加ulli標(biāo)簽5在li中添加自己想要的文字并調(diào)整。

2、HTMLlt！DOCTYPE htmllthtmllthead ltmeta charset=#39utf8#39 ltstyle type=quottextcssquot html， body margin 0 padding 0 background #E6E6E6 nav liststyle。

3、你的導(dǎo)航是浮動(dòng)不隨網(wǎng)頁上下滾動(dòng)條移動(dòng)可以使用div positionfixed left0 top0 width100px height100% 如果是跟隨內(nèi)容改動(dòng)，你的內(nèi)容區(qū)分左右兩塊，左邊寫你的導(dǎo)航就可以了。

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

5、target=quot_blankquot二級(jí)導(dǎo)航4lta ltli ltul ltli ltul ltdivltbodylthtml復(fù)制上面代碼，保存到后綴為html或者h(yuǎn)tm的文件中，用瀏覽器打開就可以看到效果效果。

6、你先寫一個(gè)正常的導(dǎo)航，給導(dǎo)航添加以下CSS樣式 style=quot positionfixed zindex99 left0 border0quot。

7、HTML中元素的位置可以用margin來實(shí)現(xiàn)，導(dǎo)航欄往下移可以使用margintop屬性，舉例element margintop100px。

8、下面是代碼，div層gameNavcontent1什么的是標(biāo)題，gameNavccontent1什么的是下面的具體內(nèi)容，需要轉(zhuǎn)換自己改，復(fù)制到html文件里就能看到效果，不懂hi我 ltstyle *游戲?qū)Ш?* gameNav width 776px padding 0。

9、這個(gè)是點(diǎn)擊之后觸發(fā)事件，是要用到j(luò)s代碼的，我這大概給一個(gè)框架，css代碼你自己設(shè)置一下html代碼如下ltdiv class=quotmainquot ltdiv class=quotleftquot ltul ltli onclick=quotchoose1quot class=quotselectquot玄界ltli lt。

10、88添加margin后，導(dǎo)航后面的內(nèi)容才能正常顯示出來html導(dǎo)航欄如何固定在輪播圖上設(shè)置樣式浮動(dòng)，使用絕對(duì)定位 html導(dǎo)航欄怎么設(shè)置大小先引入layui的樣式代碼，2創(chuàng)建html代碼，添加上layui的導(dǎo)航樣式，layuinav 3運(yùn)行頁面。

11、ltdivltulltlilta1ltaltliltlilta2ltaltliltulltdiv，然后調(diào)好樣式并將div的style設(shè)置，display= 然后獲取到你的欄目，添加鼠標(biāo)事件onMouseover或onclick都行事件中添加jquery代碼quot要下來。

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

13、1在lta標(biāo)簽中添加兩個(gè)屬性，如下 lta href=quot class=quotselectedquot cn=quot服務(wù)quot en=quotServicesquot 然后再對(duì)a添加兩個(gè)事件，mouseover和mouseout，mouseover中將a標(biāo)簽當(dāng)中的文字替換成 c。

14、兩個(gè)方法1寫css 2用圖片 1用border寫，你可以寫在導(dǎo)航的li或者a標(biāo)簽上 li border1px solid #fff * 1像素 直線 白色 * 2圖片的話 也是可以寫在li 或者 a上 li backgroundurl。

15、代碼 lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitlelttitle ltstyle nav margin 5pxwidth 100px height 200pxbackgroundcolor redfloat right ltstyle lthead ltbody。