位置：首頁 > JS特效代碼 > 導航和菜單

使用純CSS3的下拉菜單導航

2020-06-25 73瀏覽數

css3 |下拉菜單|導航

由純CSS3實現的導航具有一個下拉菜單，並且創建了兩個子類別功能。父菜單懸停可激活鏈接。第一級子鏈接主要出現在導航欄中，然後第二級鏈接從第一下拉菜單中彈出。

在線預覽免費下載

妳也可能喜歡

JavaScript打開左右側邊欄特效代碼
JavaScript打開左右側邊欄特效代碼
js + css菜單互動動畫效果
js + css菜單中的交互式動畫效果，請單擊按鈕以展開和收縮菜單。
jQuery背景左導航多級菜單插件
jquery後台左側導航多級菜單插件，多級展開側邊菜單效果，適用於後台系統的導航，取代了用於小圖標的cdn。
jQuery和Bootstrap實現漂亮的手風琴插件
jQuery和Bootstrap實現漂亮的風琴插件是jQuery和Bootstrap使垂直手風琴折疊菜單代碼。
CSS藍色技術感圓形扇形菜單特效
藍色的技術感很酷的圓形導航菜單樣式，使用純css3代碼繪製圓形菜單，單擊中間的圓圈以顯示動畫效果的子菜單特殊效果。
Bootstrap簡單的多級網站頂部導航菜單插件
Bootsnav的簡潔多級導航菜單，bootsnav是基於bootstrap框架的導航菜單插件。多級導航菜單效果基於引導來美化菜單樣式。
簡單的Bootstrap選項卡Tabs美化插件
非常簡單的Bootstrap Tabs選項卡美化效果。此特殊效果基於本機的Bootstrap選項卡，並通過css3具有一些美化效果。
Bootstrap手風琴垂直可伸縮菜單插件
Bootstrap手風琴插件是對本機Bootstrap手風琴的美化，可以產生非常漂亮的垂直手風琴效果。
jQuery模仿新聞應用程序頂部導航滑動效果
jQuery模仿了新聞應用頂部導航的滑動效果，並且通過向左和向右滑動來隱藏和顯示導航的多餘分類。
Bootstrap滾動頂部導航菜單隱藏jQuery插件
AutoHiding是一個非常有用的jQuery插件，當頁面滾動時，它會自動隱藏Bootstrap頂部的導航菜單。它擴展了本機Bootstrap頂部的固定導航菜單，以便在向下滾動頁面時將其隱藏，而在向上滾動頁面時將其顯示。