建站前端技術:jQuery輕松制作導航菜單
發布時間:2016-03-20 22:30:56 丨 文章來源:本站 丨 瀏覽次數:3013
jQuery 是目前應用最廣泛的優秀開源JavaScript/Ajax框架之一,已經成為微軟ASP.NET、Visual Studio和諾基亞Web Run Time等主流開發平臺的組成部分。借助jQuery的魔力,數十行JavaScript代碼可以被神奇地壓縮成區區幾行,多少Web開發人員在那一瞬間 深深地迷戀上了這個方便快捷、功能完備的利器。
得益于jQuery便捷強大的dom操作能力,我們可以輕松制作出各種效果不俗的導航菜單,如果還在學習階段我覺得自己動手寫個有點創意的導航效果還是很有成就感,這其中關鍵的是這樣的導航插件擴展性能如何,實現是否如果便利,兼容性如何,甚至菜單背景的圖片效果都會影響到導航菜單整體效果。
在jQuery的眾多插件中最不缺的應該就是導航插件了,下面的這些都很不錯。
Pufferfish - labs.dragoninteractive.com

Tab-Navigation

Sliding Navigation - www.kriesi.at

CSS Dock Menu - www.ndesign-studio.com

Flyout Menu - iPod-Style - www.filamentgroup.com

(mb)Menu 2.6 (New!) - pupunzi.wordpress.com

jSlickmenu - www.marcofolio.net

GarageDoor - www.gayadesign.com

MenuFader - css-tricks.com

jdMenu - The Hierarchical Menu - jdsharp.us

Sitemap Styler - cssglobe.com

Smooth Animated Menu - buildinternet.com

jBreadCrumb - www.comparenetworks.com

Horizontal Accordion - designreviver.com

Animated Drop Down Menu - xyberneticos.com

上一條:一個好網站應具備什么條件?下一條:什么是手機建站以及手機建站的意義?