服務熱線:400-816-8767

建站前端技術:jQuery輕松制作導航菜單

分享到:
點擊次數:2275 更新時間:2017年12月23日14:10:39 打印此頁 關閉

jQuery 是目前應用非常廣泛的開(kāi)源JavaScript/Ajax框架之一,已經(jīng)成(chéng)爲微軟ASP.NET、Visual Studio和諾基亞Web Run Time等主流開(kāi)發(fā)平台的組成(chéng)部分。借助jQuery的魔力,數十行JavaScript代碼可以被神奇地壓縮成(chéng)區區幾行,多少Web開(kāi)發(fā)人員在那一瞬間 深深地迷戀上了這(zhè)個方便快捷、功能(néng)完備的利器。

得益于jQuery便捷強大的dom操作能(néng)力,我們可以輕松制作出各種(zhǒng)效果不俗的導航菜單,如果還(hái)在學(xué)習階段我覺得自己動手寫個有點創意的導航效果還(hái)是很有成(chéng)就感,這(zhè)其中關鍵的是這(zhè)樣的導航插件擴展性能(néng)如何,實現是否如果便利,兼容性如何,甚至菜單背景的圖片效果都(dōu)會影響到導航菜單整體效果。

在jQuery的衆多插件中不缺的應該就是導航插件了,下面(miàn)的這(zhè)些都(dōu)很不錯。

Pufferfish - labs.dragoninteractive.com

1_看圖王.jpg

Tab-Navigation

2_看圖王.jpg

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 Down Menu - xyberneticos.com

上一條:爲什麼(me)微信小程序引導未來? 下一條:網頁設計的10大技巧