建站
咨詢
售后
建站咨詢
新聞中心
下拉菜單是一個(gè)很常見的效果，在網(wǎng)站設(shè)計(jì)中被廣泛使用。通過使用下拉菜單，設(shè)計(jì)者不僅可以在網(wǎng)站設(shè)計(jì)中營造出色的視覺吸引力，但也可以為網(wǎng)站提供了一個(gè)有效的導(dǎo)航方案。使用 HTML5 和 CSS3 可以更容易創(chuàng)造視覺上充滿吸引力的下拉菜單。
Stunning Menu in CSS3
效果很精美 CSS3 菜單，可以讓給你的網(wǎng)站提升一個(gè)層次。制作教程非常詳細(xì)。
在線演示 源碼下載
Click action Multi-level CSS3 Dropdown Menu
這是一個(gè)點(diǎn)擊彈出的下拉菜單，傳統(tǒng)的下拉菜單都是鼠標(biāo)懸停的時(shí)候顯示，這個(gè)則是采用的單擊顯示。
在線演示 源碼下載
CSS3 Dropdown Menu
這是一個(gè)基于 CSS3 的兩級(jí)下拉菜單，當(dāng)鼠標(biāo)懸停在父元素的時(shí)候，子菜單會(huì)滑出。
在線演示 源碼下載
Multilevel CSS3 Metal Navigation with icons
基于 CSS3 的多層下拉菜單，金屬質(zhì)感的菜單圖標(biāo)。這也是一個(gè)基于 UL-LI 結(jié)構(gòu)的菜單效果。
在線演示 源碼下載
CSS3 Dropdown Menu
這是一個(gè)滑出效果的下拉菜單，非常時(shí)尚。多彩的 Tab 讓整體感覺很漂亮。
在線演示 源碼下載
CSS Drop-Down Menu Framework
另一個(gè)基于 CSS 的下拉菜單框架，代碼簡潔干凈，對(duì)標(biāo)準(zhǔn)友好，易于使用。
在線演示 源碼下載
Drop-down Nav Menu With HTML5, CSS3 and JQuery
這個(gè)下拉菜單使用 CSS3、HTML5 和 jQuery 創(chuàng)建，實(shí)現(xiàn)一個(gè)易于使用，對(duì)用戶友好的導(dǎo)航菜單效果。
在線演示 源碼下載
CSS3 Dropdown Menu
這是一個(gè)有點(diǎn)類似 Mac 風(fēng)格的下拉菜單，使用了 Border-radius, box-shadow 以及 text-shadow 等 CSS3 特效。
在線演示 源碼下載
Making a CSS3 Animated Menu
這是一個(gè)借助強(qiáng)大的 CSS3 動(dòng)畫功能實(shí)現(xiàn)的 CSS3 動(dòng)畫效果菜單。
在線演示 源碼下載
Kick-Butt CSS3 Mega Drop-Down Menu
這個(gè)下拉菜單效果常見于電子商務(wù)網(wǎng)站，因?yàn)槟軌蝻@示大量的彈出內(nèi)容。
在線演示 源碼下載
Mega menu with HTML5 and CSS3
這個(gè)也是基于 HTML5 & CSS3 制作的下拉菜單，菜單的內(nèi)容可以自定義。
在線演示 源碼下載
原文鏈接：http://www.cnblogs.com/lhb25/p/10-html5-css3-drop-down-menus.html
名稱欄目：10個(gè)優(yōu)秀的HTML5CSS3下拉菜單制作教程
鏈接URL：http://fisionsoft.com.cn/article/djgpssi.html
