新的技術(shù)在不斷的發(fā)展和更新，利于我們創(chuàng)造更多獨特和看上去很酷的菜單效果。下面是7個基于CSS創(chuàng)建的網(wǎng)頁導(dǎo)航菜單：
這是來自Nick La設(shè)計的一個漂亮的CSS導(dǎo)航菜單效果，其中詳細(xì)的介紹了如何對一幅圖片進行切片并把它們組合在一起，形成一個獨特漂亮的菜單。
需要注意的是， 這個菜單在IE6下面有一個bug，在懸浮的時候，并不能達(dá)到背景圖片切換的效果，這個時候，你需要給鏈接屬性指定mouseover來進行顯示。
Demo
這是一個全新的菜單設(shè)計概念。通常我們設(shè)計一個導(dǎo)航菜單，會改變鼠標(biāo)懸浮在它上面時的樣式，而這個菜單是當(dāng)你鼠標(biāo)懸浮在當(dāng)前導(dǎo)航鏈接時，改變其它鏈接的樣式。
Demo
著名的Suckerfish Dropdowns回來了，并且這次它的體積更小了，僅僅12行的Javascript代碼，并且正常運行于Safari和Opera,支持多級下拉菜單。
Demo
樹蛙菜單，光是這個名字就挺有趣的。當(dāng)鼠標(biāo)懸停的時候才出現(xiàn)二級菜單列表，而同時又支持多級的浮動菜單。
這個菜單的最大特點是當(dāng)鼠標(biāo)懸浮的時候，出現(xiàn)對導(dǎo)航菜單的補充說明。這一應(yīng)用能精簡你的導(dǎo)航系統(tǒng)，且給用戶一個更直觀的導(dǎo)航描述，讓用戶知道，他將點擊的東西會為他帶為什么樣的內(nèi)容，而這一切，都是純CSS的，不需要任何Javascript.
這是8個基于CSS的導(dǎo)航菜單，它們或許并不是最特別的，卻是最常用最基礎(chǔ)的，你不能錯過。
Drop Down Tabs 提供了五種不同樣樣式的下拉選項卡的導(dǎo)航單，當(dāng)然，你完全可以自定義它，讓它看上去更加漂亮和特別。
