Cascading ko jerin gwano sune mahimmanci ga kusan kowane irin gidan yanar gizo. Musamman waɗanda suke buƙatar gabatarwar bayanai ta baƙo, kamar wani abu mai sauƙi kamar zaɓar jinsi ko zaɓar wane launi zai zama rigar da kuke shirin siya a cikin eCommerce ɗinmu.
Menus din cascading wasu abubuwa ne da zamu iya sabuntawa akan gidan yanar gizon mu don bi ka'idojin ƙirar gidan yanar gizo na yanzu. Wancan taɓawa da wancan wayo wanda zai ƙara ƙarin inganci ga duk yanayin gidan yanar sadarwar da muka shirya don gidan yanar gizon mu. Kai gabatar da menus 16 na kwaskwarima a cikin CSS hakan zai zo da sauki don sabunta gidan yanar gizonku. Mun tuna cewa wasu ma suna da ɗan JavaScript, kuma ba tare da mantawa da mahimmancin HTML ɗin ba.
Tsarin ruwa
Wannan ragowar ruwa ko jerin menu ya kunshi HTML, CSS da JavaScript. Kodayake lambar JavaScript takaitacciya ce. Yana bin ƙa'idar Kayan Kayan yau da kullun azaman ƙirar ƙira don haɗawa mai sauƙi da madaidaiciyar raƙuman ruwa mai gudana tare da kasancewar ido. Lokacin buɗe zaɓuɓɓukan menu daban-daban, akwai tasirin haɗuwa ta hoto lokacin da muka bar maɓallin linzamin kwamfuta a kansu.
Jerin menu tare da jQuery
Wannan menu na ruwa mai kyau kai tsaye ne, amma yana da kyau sosai a cikin zane. Hakanan yana da shaƙatawa don jaddada launin shuɗi na kowane menu da raye-raye masu motsa jiki ba tare da yawan annashuwa ba. Ana yin sa da HTML, CSS da JavaScript (jQuery).
Tsarin menu na ruwa
Wannan jerin zaɓuka a cikin HTML, CSS da JavaScript shine wahayi zuwa gare ta ɗayan ingantattun rukunin yanar gizon: Stripe (sabis ɗin katin dijital). Babu wani abin hawa a kan menu, amma kyakkyawar tsararren animation don bayyana ƙididdigarmu game da ƙirar gidan yanar gizon mu. Mahimmanci don inganci da cikakke don sabunta menus ɗin gidan yanar gizon ku.
Mai rai waterfall menu
Wannan jerin zaɓuka yana ƙoƙarin nuna amfani da jinkirta tashin hankali kowane ɗayan abubuwan da suka bayyana lokacin da kuka bar maɓallin linzamin kwamfuta a cikin kowane menu. Tare da tentan jinkiri kaɗan na jinkiri, ana samun nasarar jinkirin wanda ke ba shi taɓawa ta musamman.
Faduwar menu
Kamar dai a jerin katunan daga bene, tashin hankali na wannan menu na ruwan sama yana da mahimmanci a gare shi. Kyakkyawan tasirin fallauka wanda yake tsarkakakke CSS. Kun riga kun san abin da dole ne ku yi don aiwatar da shi akan rukunin yanar gizon ku.
Motsa ruwan Waterfall a cikin menu
Jerin jerin abubuwa mai daukar hankali ta hanyar rayarwa kuma ga wancan kalar shudi wacce tayi fice. Tare da shuɗewa da shiga, rayarwar da ke sanya ɓangarori daban-daban na menu bayyana. An yi shi a cikin HTML, CSS da JavaScript.
Tare da ɗan jQuery: Tsarin ruwa
Keɓaɓɓen menu mai sauƙaƙe wanda zuwa baya rasa kowane irin daki-daki. Zai yiwu saukin sa shine mafi kyawu kuma mafi munin ma'ana. Zai dogara da abin da kuke buƙata don rukunin yanar gizonku da burinku. CSS da yawa da ɗan JavaScript.
M menu mai ruwa
Idan a cikin na baya mun rasa wasu abubuwan motsa jiki da mafi kyawun ƙira, wannan jerin zaɓuka yana da komai da za'a yi a CSS da JavaScript. Rayarwa da tasirin shading suna bugawa cikin lemu duk lokacin da muka bar bayanin linzamin kwamfuta akan kowane ɓangaren. Ofayan mafi kyau akan jerin.
Faduwa menu a cikin CSS
Un menuan ruwa mai karancin ruwa kuma cewa an tsara shi zalla a cikin CSS. Sauki mai sauƙi, amma an yi shi sosai don kada ya fita waje. Tsarin menu wanda ba a san shi ba kuma yana bin ƙa'idodin ƙirar yanzu.
Jerin menu
Wannan tsarkakakken menu na CSS shine wani an rarrabe shi ta hanyar motsi hakan yana faruwa duk lokacin da muka danna menu. Motsi yana nunin faifan daga gefen dama tare da cikakken lokaci. Wani daga cikin mafi ban sha'awa a cikin jerin duka.
Sauƙi menu na ruwa
Wannan menu mai sauki ne a asali kuma ya kunshi HTML da CSS. Wani ɗayan waɗannan menus ɗin ne wanda ke ba mu damar sabunta wannan mahimmin shafin yanar gizon mu da wancan kar a ba da yawa cante. Ina tsammanin an fahimci abin da muke nufi da shi.
Takamaiman menu kewayawa
Kodayake ya riga ya cika shekarunsa 4, wannan menu na ruwan ruwan sama ya lullube na dama kusa da shi cikin kyakkyawar hanyar kirkira. Idan kuna neman wani abu daban, to wani shine zaku iya zaɓar daga jerin.
Faduwa menu a cikin CSS
Wani menu zalla a cikin CSS da wancan yana da kyau launuka, aƙalla a cikin gyare-gyaren da aka bayar a cikin misali. Tare da launuka masu launi, rayarwar yana nuna tasirin rufewa wanda ke sauke sassan daban-daban na menu da aka zaɓa. Wani menu mai ban sha'awa na ruwa da ke cikin jerin kuma wannan yana da kyakkyawan zaɓi taken.
Menu na Waterfall tare da ƙaramin JS
Wannan jerin zaɓuka yana amfani da JavaScript kaɗan, ya isa ya rufe menu ta atomatik lokacin da muka matsa zuwa wani abu. Shin lokaci yayi da kyau a cikin tasirin motsi don zama ɗayan mafi kyau a wannan batun.
Wani menu mai tsabta na CSS
Tsarin menu tare da rayarwa wanda a ciki akwai wuya jinkiri na dubbai na biyu. Don haka yana haifar da sakamako na gaggawa akan maziyarcin. Tsayar da sakamako da kuma jerin zaɓuɓɓuka masu ban sha'awa ba tare da yawan faɗi a matakin gaba ɗaya ba.
Cascade menu zig zag ra'ayi
Idan kuna neman menu banda duk jerin a cikin wannan post ɗin, wannan jerin zaɓuka yana da duk abin da zaku iya nema. Da animation da aka samar zigzag ne don bayar da wani nau'in ƙwarewa kaɗan gwaji. Zai iya dacewa cikin batun wasan bidiyo, don haka idan kuna da wasu nau'ikan abokin ciniki da suke neman wani abu daban, tabbas shine mafi dacewa da jerin duka. Siffofinsa masu karkarwa da rayarwar azumi suna faɗin duka.
Mun bar ku tare wannan jerin abubuwan CSS ɗin don gidan yanar gizon ku wanda ke da adadi mai yawa daga cikinsu.