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