下拉菜單是一個很常見的效果，在網(wǎng)站設計中被廣泛使用。通過使用下拉菜單，設計者不僅可以在網(wǎng)站設計中營造出色的視覺吸引力，但也可以為網(wǎng)站提供了一個有效的導航方案。使用 HTML5 和 CSS3 可以更容易創(chuàng)造視覺上充滿吸引力的下拉菜單。

1. 使用 jQuery 和 CSS3 制作向下滑動的導航菜單

這個下拉菜單可以讓你的網(wǎng)站非常優(yōu)雅，滑動框?qū)Ш叫Ч钊擞∠笊羁獭４送猓硬藛慰蛞部梢耘c此集成起來以使其更具吸引力。

在線演示     源碼下載

這是一個簡潔的基于 CSS3 的動畫導航菜單，可以在老的瀏覽器中優(yōu)雅的降級使用。在現(xiàn)代瀏覽中則有更完美的效果。

在線演示     源碼下載

有了這個基于 CSS3 的動畫下拉菜單，你可以添加漂亮的過渡和轉(zhuǎn)變效果到你的網(wǎng)站或模板中。

在線演示     源碼下載

有了這個下拉菜單效果以及制作教程，你可以輕松實現(xiàn)一個簡單的二級菜單，方便導航。

在線演示     源碼下載

在這個下拉菜單中，只使用了 CSS ，沒有圖像。此外，它是跨瀏覽器兼容的，并且為IE7做了優(yōu)化。

在線演示     源碼下載

這又是一個非常優(yōu)雅和經(jīng)典類型的 CSS3 菜單模板，你可以把它應用到你的網(wǎng)站中。

在線演示     源碼下載

正如名稱所暗示的，這是一個創(chuàng)意的下拉菜單，可以給網(wǎng)站一個非常獨特且清新悅目的外觀。

在線演示     源碼下載

很特別的大理石風格的 CSS3 下拉導航菜單，有很多鼓舞人心的想法。這個下拉菜單適合黑色和白色的網(wǎng)站。

在線演示     源碼下載

使用 CSS3 可以很容易地創(chuàng)建各種類型的下拉菜單。在這個下拉菜單中，當你在上層菜單項懸停時，子菜單項會出現(xiàn)婆娑的動畫效果。

在線演示     源碼下載

這個下拉菜單也是使用 CSS3 創(chuàng)建的，使用一些驚人的過渡效果創(chuàng)建。請記住，這些新效果的只能在現(xiàn)代瀏覽器中呈現(xiàn)。

在線演示     源碼下載 

作者：山邊小溪
出處：jizhula.com