Menu Vertical bo vê malperê di form of an accordion bi jQuery

The menu, wek ku hûn dizanin - parçeyekî bingehîn yê di malperê de. Balkêş çavkaniyê binirxîne bike lêgerînke nikare mêvanên faîzê ye. Herwiha, milk girîng ya tu menu - compactness xwe. A menu vertical sade bi asanî bi bikaranîna HTML û CSS afirandin. Lê belê em herin din: Bila ji me re hîn ji bo afirandina menu- "accordion" bi alîkariya jQuery.

Create a "accordion" menu-

a menu vertical di form of an accordion çi ye? Ev, lîsteya drop-down, ku diafirîne an bi hêsanî navigate û dide site stylish e. Menu, di vê rê çênekir, destûrê dide te ku rû gelek ji sub-tumar. Access ji bo wan pêk tê, dema ku we li mişkî li ser babete xwestin. Yek dikare bêje ku ev gengaz e ku mirov a menu hêsan di vê fashion bêyî bikaranîna jQuery. Belê, wisa ye. Lê belê ev object ne dê ji bo xwediyên an jî hebên pir bikêrhatî ye. Werin, em biafirînin menu vertical, bang li hemû. Hingê, guhertina rengê Styling a navîgasyon, wê gengaz be ji bo diyarkirina design bo tu site.

HTML koda ku

Bi vî awayî, ji bo afirandina menu vertical me, gerek tu ewil dial HTML-code, ku rêzên jêrîn de dihewîne wê:

Save vê kodê di file navê Accord_menu.html.

Wek ku hûn dibînin, em ji bo lîsteya mous'eke afirandin kirine. Ev ji 3 xalên sereke pêk tê:

- photos;

- filmên;

- pirtûkan.

Her babete çend bendan pêk tê. Li ku derê ne #, divê tu lê zêde bike girêdan. Niha pirr girîng e ji bo danasîna style. hemû Ev li ser awirek çavkaniyê binirxîne Internet te girêdayî ye. menu Vertical bo vê malperê divê anegorê nav design xwe rahêjê.

CSS-code

Bi styles hûn ne divê zehmet be. Em hevpeyvîna pê bi tenê, ku di vê mînaka tîne dagirin rengên. Li vir CSS-code e:

rengê ku di CSS-hatiba, nîşandêr size bi ji tomar di lîsteyê de li ser milê çepê rakirin. Ev biryar çawa hereket bike di her babetî û sub-menu gava ku tu li ser hover. Ji bo nimûne:

# E1fee2 - ev pale rengê kesk sub.

# C4f0f7 -golubovaty siya sub gava ku tu li ser wan hover.

malê Display nirxa block bipirsin bo diyarkirina padding û size pêwîst. The color, size, MIME-font, cihê - her tişt wek ku di dosyayê de CSS salix. jê re dibêjin, ji bo nimûne, accordionmenu_my1.css.

Girêdan pêşketinên menu jQuery

Wekî ku hûn bînîn, armanca me - ji bo afirandina a jQuery menu vertical. Eger tu ne bi vê teknolojîyê nas ne, xem neke. Em bi kar ensîklopediya Google û pêwendî script jQuery. Ev dê ev menu balkêş zêdetir bikin. jQuery a pirtûkxaneya JavaScript li ser bingeha vejîn ji HyperText Markup HTML û JavaScript e. jQuery destûrê dide te ku xwe bigihînin naverok û taybetiyên xwe yên hêmanên.

Bi vî awayî, pêwendî bi tîpê pêwîst di bedenê de ji IP-file û set qaîdeyên ji bo veşartinê de ji 2 guherbarên, ji bilî ji bo hêmanên hespan. Piştgirî code, girtina din hilpekînên di vekirina yek li ku ye a klîk mişk heye. Li vir, bi vî awayî tê xuyakirin:

Hemû Guherandinan Tomar, bibîne ka ew çi wek di pêşekê de browser de dinêre. Ku di encama hevpar ya e: Di encama vê çalakiyê de, em bê an menu balkêş ku hun dikanin her tim bivurne, li gor tercîhên xwe. Û bidestxistina zanîna nû di warê jQuery, CSS, tu dê hêmanên yekane di malperê de biafirîne, başkirina zanîna xwe.