-
預(yù)覽類似淘寶一樣的純CSS導(dǎo)航菜單
2011-02-24非常精致的類似淘寶一樣的菜單導(dǎo)航條，鼠標(biāo)滑過變色，這里用到一個背景圖片，請運行時自行下載。本導(dǎo)航條用純CSS代碼實現(xiàn)，沒有用到任何的JS代碼，因此實用性和兼容性大大增強，有時候JS的東西在火狐及其它瀏覽器內(nèi)會存在不兼容的問題，這一個絕對你會喜歡哦！ -
預(yù)覽CSS下拉菜單
2011-02-24純CSS實現(xiàn)的下拉菜單，非常簡潔簡潔實用，美觀大方，導(dǎo)航菜單沒有必要搞那么復(fù)雜，只要讓用戶很方便的找到想要的內(nèi)容就可以了，可以試下這一款。 on -
預(yù)覽JavaScript動態(tài)選項卡添加的實現(xiàn)
2011-02-24一款用JavaScript控制動態(tài)添加一組選項卡（Tabs）的效果，而且選項卡按鈕也超美觀。通過本示例可以學(xué)習(xí)如何動態(tài)創(chuàng)建一個選項卡，完全用JS技術(shù)實現(xiàn)，可以為您提供參考。 -
預(yù)覽CSS帶圖片的漂亮導(dǎo)航菜單
2011-02-24是不是很漂亮呢？用圖片實現(xiàn)的背景菜單效果，鼠標(biāo)滑過變成彩色，你是不是感覺有用到了很多圖片，其實只用到了一張圖片，不信的話在運行時候保存一下就明白了。非常漂亮的菜單，如果菜單單元不夠用的話，那你就得發(fā)揮聰明才智，再補幾張哦。 -
預(yù)覽銀灰色菜單，很大氣，鼠標(biāo)滑過換色
2011-02-24一款銀灰色導(dǎo)航菜單，很大氣，鼠標(biāo)滑過后更換菜單背景圖，本菜單用到四張背景圖，請在查看演示的時候點擊鼠標(biāo)右鍵自行下載圖片，這款菜單兼容性比較好，IE6、IE7、IE8、火狐下都表現(xiàn)不錯，希望這就是你想要的哦! -
預(yù)覽標(biāo)簽在左側(cè)的CSS豎向簡潔選項卡
2011-02-24與標(biāo)簽在右側(cè)的選項卡基本一樣，看著很不錯，鼠標(biāo)點擊后觸發(fā)，這樣用戶更隨便一些，有時候不喜歡滑動鼠標(biāo)就切換；本選項卡多用于網(wǎng)頁左側(cè)的導(dǎo)航，常見于網(wǎng)站首頁。 -
預(yù)覽鼠標(biāo)放上圖標(biāo)會閃爍的菜單
2011-02-24鼠標(biāo)放到菜單上，菜單前邊的小圖片會閃爍，其實不神秘，主要是用CSS定義a:hover，引入一個可以閃爍的小圖標(biāo)，這樣當(dāng)鼠標(biāo)放上的時候，更換了原有的小圖標(biāo)，看上去是在閃爍。 -
預(yù)覽標(biāo)簽在右側(cè)的豎向選項卡
2011-02-24豎向簡潔的標(biāo)簽選項卡，多見于網(wǎng)頁的左側(cè)，視覺效果極好，使網(wǎng)頁看上去更簡潔，整齊，本人比較喜歡這種風(fēng)格，你可以試著給它加個背景，這樣會和你的網(wǎng)頁更搭配一些。 -
預(yù)覽藍(lán)色經(jīng)典CSS導(dǎo)航菜單
2011-02-24很不錯的一款藍(lán)色風(fēng)格經(jīng)典的CSS導(dǎo)航菜單，只不過用到了幾張背景圖片，好像這些圖片可以合并起來用，有興趣用的朋友可以適當(dāng)優(yōu)化一下，從外觀上來看，這款菜單還是非常好看的。 -
預(yù)覽黑藍(lán)漸變的CSS下拉菜單
2011-02-24很漂亮的黑藍(lán)色漸變的CSS下拉菜單，用到有兩個修飾圖片，預(yù)覽效果請保存一下。這是純CSS實現(xiàn)的，完全符合WEB標(biāo)準(zhǔn)，兼容所有IE瀏覽器，代碼中有針對IE6的代碼，已注釋掉了，如果不需要可以刪去。 -
預(yù)覽純CSS下拉菜單
2011-02-24又一個漂亮的純CSS實現(xiàn)的下拉導(dǎo)航菜單，橫向布局，適合作網(wǎng)站導(dǎo)航條，銀色漸變色，鼠標(biāo)放上更換菜單背景，用戶體驗極好，而且兼容性好，特別是對IE比較友好，火狐下也幾乎不錯位，推薦給站長使用。 h -
預(yù)覽豎向折疊的CSS滑動菜單
2011-02-24折疊菜單，豎向展開，點擊時緩慢展開，展開后可以作為菜單的欄目介紹等，還算不錯。 -
預(yù)覽懸浮在網(wǎng)頁頂部可關(guān)閉的工具條(浮動層)
2011-02-24一款懸浮在網(wǎng)頁頂部的工具條代碼，實際上是一個嵌套進(jìn)DIV的層窗口，在此窗口內(nèi)你可以自由布局，或是一行文字，或是幾個按鈕，你還可以添加一個“關(guān)閉”功能，在很多網(wǎng)站我們都可以看到類似效果。 -
預(yù)覽VISTA風(fēng)格按鈕菜單，量你會喜歡
2011-02-24仿VISTA風(fēng)格一樣的按鈕式菜單，鼠標(biāo)滑過變色，要用到背景圖片，運行時請自行下載。非常漂亮的一種風(fēng)格，從老外網(wǎng)站扒下的，它還可以自適應(yīng)寬度，菜單文字有多長，它就變多長！ -
預(yù)覽模仿微軟CSS滑動門(TAB)
2011-02-24模仿微軟中國首頁的CSS滑動門（TABS），豎向排列的選項卡，比較漂亮，要用到3個圖片，點擊運行可以看到效果，圖片請自行下載。 -
預(yù)覽JS+CSS另類折疊菜單
2011-02-24另類的折疊/展開菜單，基于CSS+JS實現(xiàn)，相信你以前肯定見到過，還不錯吧？本人比較喜歡的一種特效。本代碼不但實現(xiàn)了這種功能，而且代碼擴展性很好，你可以無限制添加折疊/展開單元，不受任何限制。 -
預(yù)覽圖文混排的JS+CSS選項卡Tab
2011-02-24可以圖文混排的JS+CSS選項卡Tab，可以在單個卡片內(nèi)加入圖片，這是此款選項卡的亮點，除此之處，它的其它功能和常用字的選項卡一樣，圖文混排使選項卡的應(yīng)用更加廣泛，使網(wǎng)頁內(nèi)容更加生動，布局更合理。 -
預(yù)覽Flickr網(wǎng)站的簡潔CSS折疊菜單
2011-02-24這是來自著名的Flickr國外相冊網(wǎng)站的一款簡潔的導(dǎo)航菜單，CSS+JS，只有當(dāng)鼠標(biāo)點擊時它才會展開，再次點擊后折疊，節(jié)省網(wǎng)頁布局空間，小巧實用，老外的東西我們可以借鑒哦！ -
預(yù)覽X-Menu 動感導(dǎo)航菜單
2011-02-24X-Menu 動感導(dǎo)航菜單，效果很好。像FLASH動畫一樣，有興趣的朋友好好研究一下。 -
預(yù)覽自動定時切換的TAB選項卡/滑動門
2011-02-24這個滑動門特效不錯，可以設(shè)定時間，自動循環(huán)切換，也可以鼠標(biāo)控制，而且選項卡也比較漂亮，在新浪和百度見到過這種自動切換的TAB，很實用，代碼也簡潔。
- 相關(guān)鏈接：
- 欄目說明：
菜單導(dǎo)航：提供了大量與菜單導(dǎo)航相關(guān)的內(nèi)容,是您學(xué)習(xí)及查找菜單導(dǎo)航的最佳選擇。