Tahua poutū mō te pae i roto i te puka o te kōriana ki jQuery

Te tahua, ka rite ki matau koutou - he wāhi o te pae. taea ki manuhiri moni Interesting whakatere rauemi ipurangi ko. I roto i te tua, he taonga nui o tetahi tahua - tona compactness. He tahua poutū ohie ngāwari hanga te whakamahi i HTML me CSS. Engari haere matou atu: kia ako tatou ki te hanga i menu- "kōriana" ki te awhina o jQuery.

Waihanga i te menu- "kōriana"

He aha te mea he tahua poutū i roto i te puka o te kōriana? Ko te rārangi taka-iho, e hanga he ngāwari ki te whakatere me te homai he pae huatau tenei. Tahua, i mahi i roto i tenei ara, ka taea ki a koe te tahuri i te rota o te iti-tūemi. Access ki a ratou puta ina pāwhiri koe i te kiore i runga i te tūemi e hiahiatia ana. kia mea te tangata e ko te reira taea ki te hanga i te tahua ohie i roto i tenei ahua, kahore te whakamahi o jQuery. Ae, ko reira. Otiia kihai i pai tenei ahanoa kia tino whai hua ki te rangatira o smartphones papa ranei. Kia hanga o te tahua poutū, fakamānako ki katoa. Na, te huri i te tae styling he navigation, ka waiho reira taea ki te whakatika i te hoahoa ki tetahi pae.

waehere HTML

Na, ki te hanga i to tatou tahua poutū, me tuatahi waea koe i te HTML-waehere, e ka i roto i te rārangi e whai ake nei:

Whakaorangia tenei waehere i roto i te kōnae i huaina Accord_menu.html.

Ka rite ki a koutou e taea te kite, kua hanga e matou he rārangi tē raupapa. Kei reira o 3 ngā matua:

- whakaahua;

- kiriata;

- pukapuka.

He torutoru kōwae ia tūemi. Kei hea he #, ka hiahia koe ki te tāpiri i ngā hononga. Na he mea nui ki te whakaahua i te kāhua. Te reira i katoa tei runga i te titiro o koutou rauemi Ipurangi. tahua poutū mō te pae me te whakauru feongoongoi ki tona hoahoa.

CSS-waehere

Ki kāhua kore e waiho e koe uaua. mōhio tatou anake e i roto i tenei tauira whakamahi i te makona rōnaki. Tenei ko te CSS-waehere:

tohua te tae i roto i te-kōnae CSS, e nekehia atu tohu rahi i te tūemi i roto i te rārangi i runga i te maui. takoto reira me pehea ki te tikanga i roto i ia tūemi me iti-tahua, ka whakaparo koutou i runga i te reira. Hei tauira:

# E1fee2 - tenei koma te tae matomato iti.

# C4f0f7 -golubovaty iti whakamarumaru ina whakaparo koe mo ratou.

Whakaatu rawa ui uara poraka ki te whakatika i te purpuru tika, me te rahi. Te tae, te rahi, momo momotuhi, te tauwāhi - mea katoa te rite te whakaahua i roto i te kōnae CSS. Karangatia reira, hei tauira, accordionmenu_my1.css.

Hono jQuery whakapai ake tahua

Ka rite ki a koutou kia haamana'o, to tatou opuaraa - ki te waihanga i tētahi jQuery tahua poutū. Ki te kore e koe mōhio ki tenei hangarau, e kore e manukanuka. whakamahi tatou i te pupuru Google me te hono jQuery hōtuhi. ka meinga e te reira tahua atu ātaahua tenei. jQuery Ko te whare pukapuka JavaScript i runga i te pāhekoheko o Tautohu Kuputuhiitua HTML me JavaScript. jQuery taea ki te uru koe te ihirangi me huanga o ngā huānga.

Na, te hono i te hōtuhi tika i roto i te tinana o te HTML-kōnae, me te whakaturia te ture mō te rokiroki o te 2 taurangi, ki te kahore hoki huānga racing hoiho. Whai wāhi waehere, kati atu ripa i te whakatuwheratanga o te tetahi i runga i nei i reira ko te pāwhiri kiore. Tenei te pehea titiro reira:

Tiakina ngā huringa katoa, kite rite i roto i te tahua pūtirotiro aha titiro reira. Ko te hua noa o: Ka rite ki te hua, kua tae mai matou i te tahua ātaahua e taea te whakaputa ke tonu koe, i runga i o ratou manakohanga rānei. Na te whiwhi mātauranga hou i roto i te mara o jQuery, CSS, ka hanga e koe nga mea timatanga ahurei o te pae, te whakapai ake i ō rātou pūkenga.