本文的思路是使用JQuery重寫SharePoint自帶托管導航的樣式，其實思路和腳本都非常簡單，引用一下JQuery腳本，然後重寫導航的樣式，把腳本放到母版頁中，即可。當然，使用JQuery可以做很炫的導航，還是要看你的JQuery功底了，筆者前台比較弱，JQuery也不經常使用，隻是簡單例子介紹使用方法，還請勿見笑。
之前看到一篇類似的部落格，是使用Asp.net讀取目前導航，然後解析html用JQuery重寫的，看到裡面的代碼也不是很完整，實踐起來比較有難度，不如在頁面上直接操作DOM對象，來實作我們想要的效果。特别要說的是，SharePoint預設隻支援三級導航，暫時我還沒有發現，如何繼續擴充，下面，進入圖文描述。
1、 用SPD（SharePoint Designer 2013）打開網站，找到母版頁，在進階模式下編輯檔案；
2、 将腳本拷貝到伺服器目錄，在Layouts目錄下建立一個MyScript檔案夾；
如下圖，兩個JQuery庫的檔案，一個是腳本檔案（當然，你可以直接将腳本放到母版頁中，也沒問題，但是需要SPD打開母版頁，才能編輯腳本，這樣記事本就可以了）；
3、 在母版頁中添加腳本引用，我添加到了head節點裡面了，如下圖；
4、 找到頂部導航，在外面套一個div标簽，寫上一定要不重複的id，友善JQuery擷取；
5、 編寫引用的Navigation.js腳本，如下圖：
6、 儲存腳本，檢視效果，如下圖：
特：加上$("#OlderNavigationMenu li[class*='editArea']").css({"display":"none"});可以将後面的編輯連結隐藏；
7、同樣的方法還可以修改左側導航，如下圖：
結束語
本文介紹的就是一個思路，沒太在意效果，有需要的可以自己去調整樣式或者寫很炫的腳本，好了，就到這裡，希望對大家有所幫助。
附 錄