Menu taagan goobta ee foomka of qalab muusiik la jQuery

menu The, sida aad ogtahay - qayb muhiim ah oo goobta. khayraadka online Interesting maraan waa awoodaa inuu martida xiiso. Intaa waxaa dheer, hanti muhiim ah oo wax menu - ay compactness. A menu toosan fudud si fudud abuuray isticmaalaya HTML iyo CSS. Laakiin waxaan sii, Na sii daa aannu bartaan si ay u abuuraan "qalab muusiik" menu- iyadoo la kaashanayo jQuery.

Create a "qalab muusiik" menu-

Waa maxay menu a toosan ee foomka of qalab muusiik ah? Tani waa liiska hoos-hoos ah, taas oo si sahlan ay ku maraan iyo siinayaa goob horyalka Talyaaniga. Menu, sameeyaa hab this, kuu ogolaanaya in aad soo jeedin badan oo-waxyaabaha sub. Access iyaga waxay dhacdaa marka aad riix mouse ku saabsan shayga la doonayo. Qof la odhan kara in ay suurto gal tahay in la sameeyo menu fudud ee fashion this iyada oo aan isticmaalka jQuery. Haa, waa. Laakiin wax this ma noqon doono mid aad u faa'iido leh in ay milkiilayaasha of casriga ah ama kiniin. Aan abuuro menu a toosan, racfaan oo dhan. Markaas, beddelo midabka Attam navigation ah, waxa ay noqon doontaa suurto gal ah si ay ula qabsadaan design si site kasta.

HTML code

Sidaas daraaddeed, si ay u abuuraan our menu toosan, waa inaad marka hore wac ee HTML-code, kuwaas oo ka kooban doonaa khadadka soo socda:

Save code this in file ah oo lagu magacaabo Accord_menu.html.

Sida aad arki karto, waxaan ka abuuray liiska unordered. Waxay ka kooban tahay 3 dhibcood oo muhiim ah:

- photos,

- filimada;

- buugaagta.

item kasta wuxuu leeyahay weedho yar. Aaway #, waxaad u baahan doontaa in aad ku darto links. Haddaba waxaa muhiim ah in la qeexo qaab. Waxaa oo dhan waxay ku xiran tahay muuqaal u eg ka khayraadka Internet aad. menu toosan ee goobta waa wax dhis dhex galaan oo ay design.

CSS-code

Oo leh qaababka waa in aadan noqon adag. Waxaan la soco oo kaliya in tusaalahan u adeegsanayaa dheregtaan Wehliyaha ah. Halkan waxaa ku CSS-code:

midabka waxaa loo cayimay in ay CSS-file, qalimaan size waxaa laga saaro waxyaabaha ku jira liiska bidixda. Waxay go'aamisay in sida ay u dhaqmayaan in shay kasta iyo sub-menu marka aad dul istaagin waxa ka weyn. Tusaale ahaan:

# E1fee2 - this color cagaaran cirro sub.

# C4f0f7 -golubovaty sub hadh marka aad dul istaagin iyaga u taliya.

hantida Display weydiiso qiimaha block si ay ula qabsadaan kursiga lagama maarmaanka ah oo size. The midab, size, nooca font, goobta - wax walba waa sida lagu qeexo in file CSS ah. waxaa Wac, tusaale ahaan, accordionmenu_my1.css.

Ku xiridda horumar menu jQuery

Sidaad xusuusan kartaan, our goal - in la abuuro jQuery a menu toosan. Haddii aadan aqoon u leh technology this, ha ka welwelin. Waxaan u isticmaali bakhaar Google iyo xirmaan script JQuery. Tani waxa ay menu more soo jiidasho leh ka dhigi doonaa. jQuery maktabad JavaScript ku salaysan is dhexgalka ee xiraysid saaraha Astaamaynta HTML iyo JavaScript. jQuery kuu ogolaanayaa inaad si ay u helaan nuxurka iyo sifooyinka xubno.

Sidaas daraaddeed, xirmaan script loo baahan yahay in jirka ah ee HTML-file oo dhigay xeerarka kaydinta of 2 doorsoomayaasha, marka laga reebo xubno tartanka fardaha. Ka qayb code, ku dhow tabs kale furitaanka of mid ka mid ah on taas oo ay jirto click mouse a. Halkan sida ay u egtahay:

Save isbedel kasta, ka eeg waxa ay u egtahay in menu browser ah. Taasi waa natiijo caadi ah: Sidaas darteed, waxaan u imid menu soo jiidasho leh in aad had iyo jeer bedeli, ku xiran tahay ay doorbidayaan. Iyo helitaanka aqoonta berrinkii jQuery, CSS, waxaad abuuri doonaa waxyaalaha gaarka ah ee goobta, horumarinta xirfadahooda.