-
預(yù)覽博客里的豎向純CSS圓角導(dǎo)航欄
2010-05-22純CSS圓角導(dǎo)航條，博客里常見到這東西，很不錯，色彩穩(wěn)重，風(fēng)格很耐看！這是用純CSS實現(xiàn)的，因些兼容性比較好，而且圓角的實現(xiàn)方法也很獨(dú)特，代碼很少，如果認(rèn)真研究一下，你也可以寫出更多的圓角效果。 -
預(yù)覽這個CSS菜單比較特別
2010-05-22這個CSS菜單比較特別，估計用的地方也很特別，如果你的網(wǎng)站是黑色風(fēng)格的話，那用這款比較不錯，純CSS代碼實現(xiàn)，響應(yīng)鼠標(biāo)懸停，滑過變色，它不是用的UL、LI列表，而是用的DT，因此，對不懂DT用法的朋友也是一個學(xué)習(xí)參考。 -
預(yù)覽CSS實現(xiàn)Windows風(fēng)格的菜單按鈕
2010-05-22Windows風(fēng)格的菜單按鈕,如果你不能很好掌控代碼中CSS的話，盡量不要動，因為仿系統(tǒng)風(fēng)格的東西一般多以灰色調(diào)為主，有一個顏色不正確，效果就會大大衰減，不能達(dá)到想要的視覺效果。 -
預(yù)覽簡潔CSS 導(dǎo)航條
2010-05-22視覺挺舒服的一款小巧的網(wǎng)站導(dǎo)航條，代碼就像它的外形一樣簡單，修改超方便，兼容性好，鼠標(biāo)滑過變色，配色極合理，確實很不錯喲，而且完全是純CSS代碼實現(xiàn)。 -
預(yù)覽另類個性豎向純CSS導(dǎo)航欄
2010-05-22為什么說另類呢，其實是大家不常見而已。鼠標(biāo)滑到菜單項，對應(yīng)菜單項的文字會移動位置，這樣很直觀的讓用戶感覺到當(dāng)前在哪一個菜單項上，沒有用到JS代碼，這只是一個基本的雛形，想用的朋友根據(jù)你的網(wǎng)頁布局與風(fēng)格修改一下代碼。比如菜單的底色可以引入一個漸變背景圖片，這樣就更好看了。 -
預(yù)覽帶滑過標(biāo)記的豎向排列CSS菜單
2010-05-22帶滑過標(biāo)記的豎向排列CSS菜單，完全用CSS代碼編寫，而且代碼簡潔，容易修改，想使用的可以自己修改一下顏色，還是很不錯的。 -
預(yù)覽固定在右側(cè)的CSS導(dǎo)航菜單
2010-05-22固定顯示在網(wǎng)頁右側(cè)的CSS菜單，在一些博客中通常會看到，一般作為輔助菜單，它懸浮在主菜單的上部，像著名的WordPress博客程序就采用有這種形式。同時，通過這個菜單你還可以了解到CSS定位的問題，一舉兩得。 -
預(yù)覽兩邊帶箭頭指示的CSS豎向列表菜單
2010-05-22一個完全用CSS代碼實現(xiàn)的豎向?qū)Ш讲藛�，兩邊帶箭頭指示，直觀、簡潔、實用。當(dāng)鼠標(biāo)滑過時，菜單項會出現(xiàn)一個方框，這里可以設(shè)定背景顏色，改成你自己喜歡的吧。 -
預(yù)覽可分級的CSS+JS豎直菜單
2010-05-22可以分級的CSS+JS豎直菜單，一般用到網(wǎng)頁兩側(cè)，這款菜單不會自動展開和折疊，有多少級顯示多少級，不過代碼超簡單，幫助你學(xué)習(xí)CSS還可以。顏色什么的自己修改一下還是不錯的，還有字體。 -
預(yù)覽DIV+CSS滑動門(仿網(wǎng)易)
2010-05-22仿網(wǎng)易的一款簡潔CSS滑動門菜單，基于DIV+CSS，特別簡潔，代碼看上去很少，但效果很好，這里只是演示，用時候把對應(yīng)選項卡的內(nèi)容換為你自己的，一般里面是一些LI列表之類的，你可以在CSS里再加上一下LI的定義，這樣就完美了。 -
預(yù)覽帶缺口指向的橫向純CSS菜單
2010-05-22帶缺口指示的橫向純CSS菜單，也就是鼠標(biāo)放上后菜單出現(xiàn)缺口，可以清淅的指示出當(dāng)前的位置，而且用戶操作體驗也不錯，個人比較喜歡這種風(fēng)格，沒有用到圖片什么的修飾性東西，因些實用性大大增強(qiáng)。 -
預(yù)覽黑藍(lán)搭配的橫向折角CSS菜單
2010-05-22黑藍(lán)搭配的橫向折角CSS菜單，亮點(diǎn)就是它的折角，完全是用CSS實現(xiàn)，沒有使用任何帶有修飾性的資源圖片等。好好研究一下這段代碼，試著把折角改小一點(diǎn)，這樣就會接近圓角的效果，還不錯吧？ -
預(yù)覽鼠標(biāo)右鍵菜單，仿系統(tǒng)
2010-05-22仿Windows系統(tǒng)的右鍵菜單，在網(wǎng)頁上點(diǎn)擊右鍵就會出現(xiàn)一個菜單，從而代替了網(wǎng)頁原來的菜單，讓你的網(wǎng)頁更個性一點(diǎn)，還是很不錯的哦！ -
預(yù)覽一款經(jīng)典的CSS二級下拉菜單
2010-05-22一款比較經(jīng)典的CSS二級下拉導(dǎo)航菜單，初始顏色是灰色，如果不能讓你滿意，那你可以自己慢慢修改完善。兼容目前大部分瀏覽器，鼠標(biāo)滑過變色，菜單項目無限制擴(kuò)展，有多少顯多少，每個菜單下可以支持子分類，很實用。 -
預(yù)覽省市縣三級菜單
2010-05-22全國最新的盛市、縣三級無刷新下拉選擇菜單，技術(shù)上來說沒有什么新奇的了，只是本菜單內(nèi)的省市縣信息是最新的，你可以直接將其保存為一個JS文件，隨時調(diào)用即可，無需數(shù)據(jù)庫支持，因些執(zhí)行速度比較快。 -
預(yù)覽響應(yīng)鼠標(biāo)變色的按鈕式藍(lán)色菜單
2010-05-22很另類的響應(yīng)鼠標(biāo)變色的CSS菜單，看一下演示就明白了。它像一排整齊排列的按鈕一樣，鼠標(biāo)滑過后變換背景圖，操作體驗很不錯，也很個性，比較不錯吧。請在運(yùn)行代碼時自行下載所需圖片，一共兩張背景圖。 -
預(yù)覽CSS+JS三級滑動菜單
2010-05-22三級滑出菜單，基于CSS+JS，默認(rèn)是灰色，它可以支持三級分類，鼠標(biāo)放上自動展開菜單子分類。豎向排列，適合的場合也很多，有興趣的朋友可以試著美化一下，把菜單加一個背景，或者變變顏色還是不錯的。 -
預(yù)覽酷似Windows的多級下拉菜單(仿FLASH)
2010-05-22酷似Windows的仿FLASH多級下拉菜單，動畫展開菜單項，還有淡入淡出效果，很不錯吧！不過缺點(diǎn)是完全依靠JS，不能由程序動態(tài)控制輸出，不過也不一定，看你水平有多高啦！哈~ -
預(yù)覽CSS制作的中英文雙語菜單
2010-05-22CSS制作的中英文雙語菜單，利用SPAN屬性的原理制作。 -
預(yù)覽點(diǎn)擊文字后菜單慢慢展開
2010-05-22點(diǎn)擊文字后才展開的菜單，實際上點(diǎn)擊文字后展開的是一個層，層里面放的是一個表格，菜單是在表格里，通過這個例子你會明白JS是如何控制一個DIV層展開的，這是現(xiàn)在比較流行和通用的方法。
- 相關(guān)鏈接：
- 欄目說明：
菜單導(dǎo)航：提供了大量與菜單導(dǎo)航相關(guān)的內(nèi)容,是您學(xué)習(xí)及查找菜單導(dǎo)航的最佳選擇。