前面跟大家分享了網(wǎng)站基礎(chǔ)優(yōu)化中的做圖片延時加載技術(shù)不知道大家會了沒有。如果又不會的可以給我回帖。今天我要繼續(xù)跟大家分享一個很重要的東西，就是如何做網(wǎng)站的浮動導(dǎo)航。這個技術(shù)非常利于客戶的體驗(yàn)，現(xiàn)在很多知名的網(wǎng)站都應(yīng)用了這項(xiàng)高級的技術(shù)，你的網(wǎng)站有么？沒有的話那還等什么呢？
    下面先舉幾個例子來看看那些大網(wǎng)站是怎么應(yīng)用的：

meilishuo.jpg (96.12 KB, 下載次數(shù): 0)

下載附件

2013-10-15 19:24 上傳

 這是美麗說的官網(wǎng)。

           

20131015183646.jpg (54.6 KB, 下載次數(shù): 0)

下載附件

2013-10-15 19:24 上傳

 這是搜到科技的網(wǎng)站
這個可以大大的提高網(wǎng)站的客戶體驗(yàn)，為自己的網(wǎng)站加分，提高自己的網(wǎng)站關(guān)鍵詞排名。
浮動導(dǎo)航的制作方法：其實(shí)和圖片延時加載的技術(shù)類似，在<body>之前引用一個js代碼就可以了。
1、首先找到導(dǎo)航條的內(nèi)容
      

20131015192615.jpg (12.83 KB, 下載次數(shù): 0)

下載附件

2013-10-15 19:26 上傳
2、引用上如下圖的js效果這樣就ok了

20131015190444.jpg (76.35 KB, 下載次數(shù): 0)

下載附件

2013-10-15 19:24 上傳

引用上之后浮動導(dǎo)航的效果就出現(xiàn)了。學(xué)會了這個效果當(dāng)然不只是能做導(dǎo)航，比如很多把他變成浮動的登陸框、浮動的信息提交框。
總結(jié)：
你想你的排名繼續(xù)往上走，那你就加上這效果。。這個一定會讓你網(wǎng)站的排名更上一層樓的。
今天就分享到這里，我會在后面我將分享更加重要干貨。