分享：CSS菜單和Tab導航選項卡

最近想將網站整理並改版一下，按照我的需求，主要就幾個內容，但這些內容都做了鏡像，所以要是全部列舉出來肯定麻煩，也說不清楚，做成一個下來菜單的形式應該比較好，而首頁面呢，由於更新了11個地方的圖片，加上對原來的也不滿意，除了首頁面放縮圖以外，還準備放個地圖啊、日誌列表啊什麼的，如果統統放在同一個頁面，那肯定很長，一般的人都不願意滾動自己的滑鼠，所以首頁面最好是能夠在一個螢幕就全部放下，由於我的實在放不下，沒有辦法，那就用選項卡的形式來完成吧，只要滑鼠一點擊或者一放到上面，就切換到另外一個TAB，節省空間的並且也很方便，現在關於TAB的應用也是越來越廣了。至於效果，自己隨便看看吧，ShareSh.cn，已經改版完成，下拉式功能表和Tab選項卡我都比較滿意，剩下的地圖頁面和日誌調用頁面還需要等一段時間，到時候也會把經驗分享給大家。日誌調用基本上想好怎麼來了，大概參考feed2js這個東西吧，有興趣的自己可以先搜尋一下。另外，基於GAE的micolog我發現實在是太好用了，而且介面也是我喜歡的清爽型，重要的還有一點就是，所有的日誌上發布的圖片，都是進入資料庫的，所以基本上是不用擔心1000個檔案限制的問題，因為我們的一個appengine是500M的空間，要用完也不容易，我已經將Blog和GarminFans全部搬到GAE了，而ShareBlog也正在考慮當中。廢話說多了，來看CSS菜單和Tab導航選項卡吧。

一般情況下對於這樣的特效處理，我基本上都上藍色理想，而藍色理想也是不負所望，好東西肯定是有的，這次我就找了兩個最簡單的，我不想複雜，因為我還需要將CSS和HTML全部放到JS裡去，所有的網站只需要調用這一個JS就可以，而我一旦改變菜單就只需要改變這個JS就可以了，同時，我還發現，將JS傳到部落格園，然後調用的時候，竟然能在後台看到統計的下載次數，乖乖，那不是一個簡單的所有PV的統計就出來了呢。god，又扯遠了，直接上地址吧。

CSS 菜單舉一反三(菜單設計，下拉、水平、彈簧三種效果都可以，並且很簡單就CSS+JS+HTML)

三種簡潔的Tab導航簡析(Tab導航選項卡，也是簡單的應用了CSS+JS+HTML，也說了三種原理，但個人看不出太大的區分，個人感覺是脫離不了div的display屬性罷了，以前自己做的找不到了，所以就拿來主義了，我用的是第二種，進行了簡單的修改)

一個封裝了的選項卡效果js(這篇也是講了選項卡效果，但是看過以後覺得是太強大了，所以沒有採用，喜歡技術研究的朋友可以去看一下)