16 个实用的 jQuery 导航菜单插件

jopen 12年前
   <p>导航菜单是网站非常重要的元素,本文介绍 16 个用 jQuery 实现的动态导航菜单效果。</p>    <h3>Slide Down Box Menu with jQuery and CSS3</h3>    <p><a href="/misc/goto?guid=4958186583472535881" target="_blank"><img class="aligncenter size-full wp-image-26842" title="Slide Down Box Menu with jQuery and CSS3" alt="16 个实用的 jQuery 导航菜单插件" src="https://simg.open-open.com/show/42b89067da8033f70ff03948d1da0477.jpg" width="550" height="229" /></a></p>    <h3>Professional dropdown</h3>    <p><a href="/misc/goto?guid=4958339404814449845" target="_blank"><img class="aligncenter size-full wp-image-26843" title="Professional dropdown" alt="16 个实用的 jQuery 导航菜单插件" src="https://simg.open-open.com/show/7a9328922a75700c95d2f0f941fd13dc.jpg" width="600" height="250" /></a></p>    <h3>Designing the Digg Header</h3>    <p><a href="/misc/goto?guid=4958186535613184220" target="_blank"><img class="aligncenter size-full wp-image-26844" title="Designing the Digg Header" alt="16 个实用的 jQuery 导航菜单插件" src="https://simg.open-open.com/show/5d7ff7ed4e535c9dbbe39bc8a49517c2.jpg" width="600" height="250" /></a></p>    <h3>Sherpa | Complete Navigation System</h3>    <p><a href="/misc/goto?guid=4958339406352524813" target="_blank"><img class="aligncenter size-full wp-image-26838" title="sherpa" alt="16 个实用的 jQuery 导航菜单插件" src="https://simg.open-open.com/show/a917f8812ad5748717249522b0040b2c.jpg" width="550" height="344" /></a></p>    <h3>FooBar – A jQuery Notification Bar</h3>    <p><a href="/misc/goto?guid=4958339407153411308" target="_blank"><img class="aligncenter size-full wp-image-26836" title="10-footbar" alt="16 个实用的 jQuery 导航菜单插件" src="https://simg.open-open.com/show/6bc4a6d3ec4ff77f37f752180e8af55e.jpg" width="550" height="307" /></a></p>    <h3>Mega Menu Reloaded</h3>    <p><a href="/misc/goto?guid=4958339407966712759" target="_blank"><img class="aligncenter size-full wp-image-26827" title="1-megamenu-reloaded-tabs" alt="16 个实用的 jQuery 导航菜单插件" src="https://simg.open-open.com/show/4a5e025a6a87b66056175516fbcdce75.jpg" width="550" height="275" /></a></p>    <h3>LeTabs</h3>    <p><a href="/misc/goto?guid=4958339408773270349" target="_blank"><img class="aligncenter size-full wp-image-26828" title="2. LeTabs" alt="16 个实用的 jQuery 导航菜单插件" src="https://simg.open-open.com/show/6062a59a0e20b283aae6953a37c40a07.jpg" width="550" height="435" /></a></p>    <h3>QuickAccess Menu</h3>    <p><a href="/misc/goto?guid=4958339409574703303" target="_blank"><img class="aligncenter size-full wp-image-26829" title="3.QuickAccess Menu" alt="16 个实用的 jQuery 导航菜单插件" src="https://simg.open-open.com/show/135e25eb18f66f1c62bfb8aec088c511.jpg" width="550" height="357" /></a></p>    <h3>PathD! – One Page Few Page jQuery Plugin</h3>    <p><a href="/misc/goto?guid=4958339410384786325" target="_blank"><img class="aligncenter size-full wp-image-26830" title="4. PathD! - One Page Few Page jQuery Plugin" alt="16 个实用的 jQuery 导航菜单插件" src="https://simg.open-open.com/show/a0ed81f3e7cf2c1a2ad3ae5ebe3bb19c.jpg" width="550" height="280" /></a></p>    <h3>LiimeBar: An improved scroll bar for your website</h3>    <p><a href="/misc/goto?guid=4958339411182832561" target="_blank"><img class="aligncenter size-full wp-image-26831" title="5. liimeBar" alt="16 个实用的 jQuery 导航菜单插件" src="https://simg.open-open.com/show/0ec427d73ac92f429ff9d0a132a7656c.jpg" width="550" height="280" /></a></p>    <h3>Create Vimeo-like top navigation</h3>    <p><a href="/misc/goto?guid=4958325954838081546" target="_blank"><img class="aligncenter size-full wp-image-26845" title="Create Vimeo-like top navigation" alt="16 个实用的 jQuery 导航菜单插件" src="https://simg.open-open.com/show/d459a588bd7c1ae0202bf2bcfc08cbd3.jpg" width="600" height="250" /></a></p>    <h3>SmartAjax – Smart, Powerful and Easy to setup AJAX</h3>    <p><a href="/misc/goto?guid=4958339412719264632" target="_blank"><img class="aligncenter size-full wp-image-26832" title="6. SmartAjax" alt="16 个实用的 jQuery 导航菜单插件" src="https://simg.open-open.com/show/9fdf79932a50efb23bbf73afae1999c0.jpg" width="550" height="280" /></a></p>    <h3>Quick & Pro Menu Navigation jQuery Plugin</h3>    <p><a href="/misc/goto?guid=4958339413514291413" target="_blank"><img class="aligncenter size-full wp-image-26833" title="6. Pro Menu Navigation jQuery Plugin" alt="16 个实用的 jQuery 导航菜单插件" src="https://simg.open-open.com/show/b6adf6bee4916358ddb703f65ca821e1.jpg" width="550" height="280" /></a></p>    <h3>Sticklr – Sticky Side Panel CSS3 + jQuery Plugin</h3>    <p><a href="/misc/goto?guid=4958339414305998776" target="_blank"><img class="aligncenter size-full wp-image-26834" title="8. Sticklr" alt="16 个实用的 jQuery 导航菜单插件" src="https://simg.open-open.com/show/c14616d600319e3e4e454d214cae1d22.png" width="590" height="300" /></a></p>    <h3>Menu Maker CSS3 jQuery</h3>    <p><a href="/misc/goto?guid=4958339415122514485" target="_blank"><img class="aligncenter size-full wp-image-26835" title="9. Menu Maker CSS3 jQuery" alt="16 个实用的 jQuery 导航菜单插件" src="https://simg.open-open.com/show/4d295cddc2f7805c1963ddd99e6322f6.jpg" width="550" height="280" /></a></p>    <h3>jDropDownMenu</h3>    <p><a href="/misc/goto?guid=4958339415911640058" target="_blank"><img class="aligncenter size-full wp-image-26840" title="jdropdownmenu" alt="16 个实用的 jQuery 导航菜单插件" src="https://simg.open-open.com/show/1a6ed5fb0f85283161f75af0ee089de9.jpg" width="550" height="280" /></a></p>    <p>via <a href="/misc/goto?guid=4958339416716010970" target="_blank">smashinghub</a></p>