70+漂亮且極具親和力的導(dǎo)航菜單設(shè)計國外網(wǎng)站推薦
向大家推薦的70款優(yōu)秀的導(dǎo)航菜單，有些是基于CSS設(shè)計的，有些是基于CSS+JavaScript的菜單，還有些是基于Flash的導(dǎo)航菜單設(shè)計，它們都有一個共同點:那就是它們都極具創(chuàng)意、界面對用戶有好的，且完美的與網(wǎng)站的整體風(fēng)格融合在一起。
1.基于CSS的導(dǎo)航菜單設(shè)計Loodo
讓網(wǎng)站更有感覺的華麗的菜單
Acko.net
Steven將他網(wǎng)站的導(dǎo)航菜單設(shè)計成了不同尋常的透視效果。
Web Design Ledger
Web Design Ledger的導(dǎo)航菜單設(shè)計的非常棒，超大的尺寸讓用戶的操作很方便，但不會干擾到網(wǎng)站的內(nèi)容。
UX Booth
UX Booth在它的導(dǎo)航下面使用了華麗的文本區(qū)，用來對每個相應(yīng)的導(dǎo)航菜單項進行詳細描述。
Nopokographics
很少有網(wǎng)站使用縱向的導(dǎo)航，原因很簡單:縱向菜單用起來很困難。但是，仍然會有一些設(shè)計師鋌而走險。 Nopoko Graphics 為縱向?qū)Ш教砑恿思^和一些鼠標懸停效果。
Icon Designer
這個網(wǎng)站在首頁使用了一個很大的基于圖片的導(dǎo)航。用戶的視線會第一時間被這個大導(dǎo)航吸引，從而起到方便用戶的作用。
Cosmicsoda
這個網(wǎng)站的大導(dǎo)航很吸引人，而且使用了輕微的懸停效果來著重顯示某個菜單項。
Designsensory
這個二級下拉式導(dǎo)航菜單，通過不同的顏色來凸顯當前激活的菜單項。
Smallstone
Smallstone,一家美國唱片公司。導(dǎo)航的設(shè)計樣式是號稱Space Echo Roland SE-201。
TNVacation
這是個非常難得的養(yǎng)眼的下拉菜單，的確非常漂亮！
Clearleft
Clearleft用幾張紙組成了它的導(dǎo)航菜單。
45royale
帶有漂亮的鼠標懸停效果的簡潔導(dǎo)航。
相關(guān)文章
JavaScript設(shè)置IFrame高度自適應(yīng)(兼容各主流瀏覽器)
IFrame高度的設(shè)置問題一直都是前端的噩夢而且還要兼容各主流瀏覽器更是難上加難了，下面與大家分享下一個不錯的技巧，感興趣的你可以參考下哈2013-06-06
最近工作中element后臺管理使用Echarts圖表,在使用過程中也遇到了些問題,下面這篇文章主要給大家介紹了關(guān)于echart自適應(yīng)寬度的兩種方法,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了簡單實現(xiàn)JS對dom操作封裝，需要的朋友可以參考下2015-12-12
Bootstrap+jfinal退出系統(tǒng)彈出確認框的實現(xiàn)方法
這篇文章主要為大家詳細介紹了Bootstrap+jfinal退出系統(tǒng)彈出框的實現(xiàn)方法，感興趣的小伙伴們可以參考一下2016-05-05
星級選擇器在網(wǎng)上會搜到很多類似的代碼，不過實現(xiàn)起來相對比較復(fù)雜，在本文將為大家介紹的是使用js簡單的實現(xiàn)下，感興趣的朋友不要錯過2013-10-10
修改frameset的cols屬性來達到修改各個頁面所占的寬高，例如隱藏當前frame頁等等，感興趣的朋友可以了解下2013-09-09
ES6中Array.includes()函數(shù)的用法
這篇文章主要介紹了ES6中Array.includes()函數(shù)的用法,需要的朋友可以參考下2017-09-09
這篇文章主要介紹了淺談JavaScript中的“!!”作用，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
這篇文章主要為大家詳細介紹了原生JavaScript實現(xiàn)刮刮樂，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
js將日期格式轉(zhuǎn)換為YYYY-MM-DD HH:MM:SS
這篇文章主要介紹了js將日期格式轉(zhuǎn)換為YYYY-MM-DD HH:MM:SS，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09