Imenyu Kuqondile isayithi ngesimo i inkositini ne jQuery

Imenyu, njengoba wazi - iyingxenye ebalulekile isayithi. Abathandwayo hlwaya isisetshenziswa inthanethi uyakwazi izivakashi isithakazelo. Ngaphezu kwalokho, i-impahla ebalulekile yimuphi menu - compactness yayo. Imenyu elula mpo wadala kalula usebenzisa HTML futhi CSS. Kodwa siya phambili: Asifundeni ukudala imenyu- "inkositini" ngosizo jQuery.

Dala "inkositini" imenyu-

Kuyini imenyu mpo ngesimo i inkositini? Lena uhlu olwehliswayo, okuyinto kudala i kulula ukuyisebenzisa futhi unikeza indawo stylish. Imenyu, kwenziwe ngale ndlela, ikuvumela ukuba ujike eningi ye-izinto. Ukufinyelela kwabo kwenzeka uma uchofoza igundane on the nto oyifunayo. Omunye umuntu angase athi ukuthi kungenzeka ukwenza imenyu elula ngale ndlela ngaphandle kokusebenzisa jQuery. Yebo, libalulekile. Kodwa le nto ngeke kube wusizo kakhulu abanikazi Smartphones noma amaphilisi. Masidale imenyu mpo, sinxuse zonke. Khona-ke, ukushintsha umbala ukutayela navigation, sizokwazi ukulungisa design iyiphi isayithi.

ikhodi ye-HTML

Ngakho, ukwakha imenyu yethu mpo, kuzomele uqale ukudayela-HTML-ikhodi, elizoquketha migqa elandelayo:

Londoloza le khodi in ifayela ebizwa Accord_menu.html.

Njengoba ubona, sidale uhlu unordered. Siqukethe 3 amaphuzu ayinhloko:

- izithombe;

- amafilimu;

- izincwadi.

into ngayinye ine izigaba ezimbalwa. Ukuphi #, uzodinga ukwengeza izixhumanisi. Manje kubalulekile ukuchaza isitayela. Konke kuncike ukubukeka yakho isisetshenziswa Inthanethi. imenyu Kuqondile isayithi kufanele ukuhlanganisa ngokuvumelanayo ku nomklamo walo.

CSS-ikhodi

Nge izitayela akufanele kube nzima. Siphawula kuphela kulesi sibonelo isebenzisa yokugcwalisa umyela. Nangu CSS-ikhodi:

umbala is ebalulwe CSS-ifayela, usayizi nakomaka isuswa izinto ohlwini ngakwesokunxele. It kunqunywa ukuthi baziphathe kanjani entweni ngayinye kanye sub-menu uma uhamba phezu kwalo. Ngokwesibonelo:

# E1fee2 - lokhu okhanyayo green umbala esincane.

# C4f0f7 -golubovaty umthunzi esincane uma uhamba phezu kwabo.

Khombisa impahla ukubuza block Inani ulungise ukupheda ezidingekayo kanye nosayizi. Umbala, usayizi, uhlobo ifonti, indawo - konke njengoba achaza efayeleni CSS. Call ke, isibonelo, accordionmenu_my1.css.

Ixhuma jQuery imenyu ngcono

Njengoba ungase ukhumbule, umgomo wethu - ukwakha mpo imenyu jQuery. Uma ungeyena ujwayelene nalesi ubuchwepheshe, ungakhathazeki. Sisebenzisa-Google repository ukuxhuma jQuery iskripthi. Lokhu kuzokwenza imenyu ikhange nakakhulu. jQuery kuyinto umtapo-JavaScript esekelwe nokuxhumana lwemibhalo yewebhu HTML futhi i-JavaScript. jQuery ikuvumela ukuba ukufinyelela okuqukethwe nezimfanelo izakhi.

Ngakho, xhuma iskripthi kudingekile emzimbeni we-HTML-ifayela futhi imithetho yokugcina ka 2 eziguquguqukayo, ngaphandle izakhi wamahhashi. Nikela ikhodi, ukuvala amanye amathebhu ekuvulweni umuntu okukhona ngokuchofoza igundane. Nakhu ukuthi ubukeka kanjani:

Londoloza zonke izinguquko, ubone ukuthi kubukeka sengathi kwimenyu lesiphequluli. Lokho yalokho ezivamile: Ngenxa yalokho, siye imenyu ezikhangayo ukuthi ungahlala ukushintsha, kuye izintandokazi zabo. Futhi ukuthola ulwazi olusha emkhakheni jQuery, CSS, uzodala izici eziyingqayizivele isayithi, ukuze bathuthukise amakhono abo.