Sa seryeng ito ng mga artikulo na may lMga napiling view ng CSS, HTML at JavaScript code, karaniwang ibinabahagi namin ang mga epekto ng teksto, mga arrow, header o mga slider kung saan bibigyang diin ang disenyo ng aming website upang ito ay mas matikas o may kakayahang magdagdag ng halaga sa nilalaman na ipinapakita namin sa bisita.
Oras na ito oras na para sa mga menu sa HTML at CSS kung saan maaari mong buhayin sapat na ang mga mahahalagang elemento na nagbibigay-daan sa amin upang idirekta ang gumagamit sa pinakamahalagang bahagi ng aming eCommerce, blog at marami pa. Sumasama kami sa kanila upang bigyan ang kalidad na ugnayan sa aming site at ito ay kasalukuyang kasalukuyang posible sa mga pamantayan ng disenyo ng UI.
Menu ng slide na akordyon
Un slide menu o menu ng hamburger na menu binubuo ng mga kaaya-aya na mga animasyon na may isang minimalist na ugnay sa mahusay na epekto.
Malungkot na Pure CSS Drop Down
Swanky Lil Drop Down Manu V2.0 es menu kumpleto rin purong CSS na may idinagdag na halaga na walang JavaScript code sa interface ng gumagamit. Mahusay lamang ang pagsasama nito upang matuklasan ang mahusay na kagandahan.
Menu ng akordion
Ito menu ng akurdyon es napaka-simple kung ihinahambing namin ito sa nakaraang dalawa sa HTML, JS at CSS.
Vertical menu na may jQuery at CSS3
Un patayong menu na may jQuery at CSS3 de mahusay na ugnayan para sa isang app o website. Lahat ng mga uri ng mga pagbabago at gradient na may minimalist na mga anino.
Circular menu
Un pabilog na menu de pang-eksperimentong pag-navigate na gumagana nang perpekto para sa isang teknikal na website. Ginawa sa SVG at GreenSock Animation Platform, naiiba nang walang duda.
Radial menu
Iba menu ng radial at pang-eksperimento na perpektong wasto para sa isang pahina na nakalaan para sa isang laro.
Bilog na menu ng CSS HTML
Un pabilog na menu CSS HTML upang ilagay ito sa pag-ilid at iyon bubukas nang paikot na may mahusay na karanasan ng gumagamit.
Konsep ng menu ng singsing
Sa menu ng singsing ang mga link nakaposisyon sa itaas na bahagi ng bawat isa upang lumikha ng iba't ibang mga singsing.
Flower pop up menu
Iba pang mga partikular pop-up menu na may isang napakahusay na inilapat na animation na gumagawa ng isang mahusay na epekto.
Recursive Hover Nav
Recursive Hover Nav ay isang mataas na kalidad na drop down menu para sa mga animasyon na perpektong nagpapahiwatig ng istraktura ng nilalaman ng web.
Pag-navigate sa dropdown
Un menu dropdown nabigasyon katulad ng nakaraang isa bagaman sa iba pang mga tints sa disenyo ng interface.
Pure dropdown na menu ng CSS
Iba kalidad na dropdown menu sa CSS na sumusunod sa kasalukuyang mga pamantayan sa disenyo ng UI.
Tumutugon at simpleng menu
A full screen, ito tumutugon at simpleng menu sa HTML5 at CSS3 katugma ito sa Internet Explorer 11.
Ang menu ng buong screen sa SVG
Un menu ng buong screen sa SVG inilagay sa gilid sa hamburger at iyon ay nakakaakit ng mata.
Mega Menu CSS
Un Mega Menu sa CSS at HTML naiiba sa nakikita, na may moderno at minimalist na istilo.
Isa pang Konsep ng Menu
Isa pang Konsep ng Menu ay ang perpektong pagpipilian kung naghahanap ka para sa ibang at orihinal na menuAng isang ito ay mahusay lamang salamat sa isang pasadyang menu sa icon at mahirap gawin ang animasyon.
Menu ng Disenyo ng Materyal
Menu ng Disenyo ng Materyal ay batay sa disenyo ng wika ng Google.
Burger mobile menu
Un menu ng hamburger na-optimize ang mobile at ito ay ginawa sa HTML, CSS at JavaScript.
Velocity.js buong screen flexbox
Velocity.js buong screen flexbox ay isang menu ng napakalaking kalidad sa nakamit na epekto at para sa halos natatanging karanasan ng gumagamit nito. Ang buong screen flexbox na may bilis.js.
Buong Pahina off-canvas
Buong Pahina off-canvas ay isang full-screen, de-kalidad na menu na gumagana nang perpekto para sa pagpapakita kung paano lumikha ng isang website kasama ang mga halagang iyon.
I-hover ang epekto sa linya ng menu
Un hover menu simpleng epekto ng linya at napaka ganda.
Konsepto ng menu ng clip-path ng CSS
Isa pang konsepto ng menu na may clip-path na binubuo ng isang napaka-usyosong pag-hover at ilang mga animated na kategorya.
strikethrough hover
strikethrough hover isa pa itong menu mag-hover para sa mga kakaibang link resulta
Lavalamp CSS Menu
Lavalamp CSS Menu naglalaman ng a i-hover ang animation para sa bawat isa sa mga link na nagpapahiram sa sarili sa dynamism.
Slider ng pag-navigate
Un slider ng nabigasyon aling mga scroll sa bawat link upang makilala sa isang pulang kulay at isang mahusay na nagmamalasakit na animation ng mahusay na mga resulta.
Pag-navigate sa menu ng mobile
Un pag-navigate sa menu ng burger ng mahusay na epekto na naglalayong mga mobile device.
Konsep ng menu ng mobile na IPhone X
Un menu na idinisenyo para sa iPhone X na maaaring magbigay ng touch ng kalidad sa iyong website upang ito ay sa par sa disenyo ng telepono ng Apple.
Palawakin ang submenu para sa mobile
Palawakin ang submenu para sa mobile ay idinisenyo para sa footer na may kaaya-aya na animasyon at isang angkop na pag-aalis. Ang kagandahan sa lahat ng mga antas para sa isang mobile interface ng iyong app o website.
Animated na pag-navigate sa mobile
Iba animated na menu para sa mobile na may isang pabilog na animated na background ng mahusay na visual na resulta.
Menu na may pag-scroll at pag-hover effect
Iba mahusay na epekto para sa isang iba't ibang mga menu at quirky. Silangan menu na may scroll at hover effects perpekto ito para sa mga restawran, repasuhin, at marami pa.
Menu ng filter ng mobile
Un filter menu mobile na-convert para sa web bersyon at naglalayong mobile.
Pag-navigate sa labas ng canvas
Pag-navigate sa labas ng canvas Ito ay isang menu na eksperimento sa mga paglilipat at pag-navigate upang maging napaka-kasalukuyang. Kung naghahanap ka para sa isang bagong bagay na sorpresahin, ang antas nito ay ang pinakamahusay sa listahang ito.
Nakatagong panig ng menu ng CSS
Un side menu sa CSS ano ang nakatago at sa gayon lilitaw sa icon ng hamburger.
Naayos ang sidebar ng nabigasyon
paggamit bootstrap sa halip na flexbox upang suportahan ang IE9 / 10. Isa pang mahusay na menu para dito Naayos ang sidebar ng nabigasyon sa konsepto nito.
morphing tab
morphing tab menu ito dropdown na nangyayari kapag pinindot mo sa pangunahing pindutan ng tab.
Kamusta nakikita ko ang iba't ibang mga menu na magagamit sa pahinang ito na napaka-interesante, ang aking katanungan ay kung paano i-install ang mga js file ng menu? maraming beses kong sinubukan na bumuo ng anumang menu ang mga mayroong js ay hindi gumagana, o hindi mai-install ang mga ito, sa pag-inspeksyon ng mga elemento ng browser sinabi nito na ang pagpapaandar na unang lilitaw ay hindi tinukoy at ganon din sa lahat ng mga menu
Mahusay na kontribusyon :)
Mahusay Sana ay mas marami pang katulad mo, na nagbabahagi ng kanilang karunungan at kaalaman sa ibang tao.