GIF動畫最常在H5動效里當(dāng)擔(dān)loading導(dǎo)航條，熱門小標(biāo)簽等元素，要把控圖片大小和精度之間的平衡，所以它一般用于制作小細(xì)節(jié)的動畫H5頁面承載GIF圖片的方式相對以下要介紹的其他方法，是最省成本，最為簡便的只需要以背景圖片。

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

lt！doctype html lthtml lthead lttitle導(dǎo)航條lttitle ltstyle body margin 0boxsizing borderbox nav *最外層框?qū)挾? width 150px nav ul margin 0padding 0 nav ul li。

隨便一個tab選項卡，把選擇部分用陰影控制成凹陷或者凸起的效果就好。

HTML5讓導(dǎo)航欄固定頂部不動且不遮擋住下面的DIV方法如下1，首先在html中，添加良好的導(dǎo)航內(nèi)容2，后者是網(wǎng)頁的具體內(nèi)容，這里的代碼比較簡單3，在樣式中，首先在菜單中定義一些樣式4，此時，在運行頁面時，滾動條。

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

下面附上代碼 lt！DOCTYPE htmllthtmllthead ltmeta charset=quotUTF8quot lttitle標(biāo)題lttitle lt！jQuery 百度CDN庫 ltscript src=quot214lt。

18首先我們的html里，添加好導(dǎo)航內(nèi)容28后面的就是網(wǎng)頁的具體內(nèi)容了，這里的代碼簡單一些38樣式里，我們先定義一些菜單里的樣式48這時運行頁面時，在滾動條滾動下去后，導(dǎo)航是會消失不見的58為了讓導(dǎo)航欄。