Vertikalen Menü fir de Site an der Form vun engem Kräiz mat jQuery

De Menü, wéi Dir wësst - en integralen Deel vum Site. Interessant navigéiert online Ressource ass ze interesséieren Visiteure konnt. Zousätzlech, eng wichteg Besëtz vun all Menü - seng Kompaktheet. Eng einfach vertikalen Menü hunn einfach HTML an CSS benotzt. Mä mir ginn weider: Loosst eis menu- "Kräiz" mat der Hëllef vun jQuery ze schafen léieren.

Schafen eng menu- "Kräiz"

Wat ass eng vertikal Menü an der Form vun engem Kräiz? Dëst ass eng Lëscht-verwandelt Lëscht, déi en einfach ze navigéiert kreéiert a gëtt eng stylesch Site. Menu, an dësem Wee gesuergt, erlaabt Iech vill vun Ënner-Artikelen ze maachen. Zougang zu hinne geschitt, wann Dir d'Maus op d'Wënsch Punkt klickt. Een kann soen, datt et méiglech ass eng einfach Menü an dëser Moud ouni de Gebrauch vun jQuery ze maachen. Jo, et ass. Mä dëst Objet géif net ganz nëtzlech sinn ze Besëtzer vun Smartphones oder Pëllen. Loosst d'eng vertikal Menü schafen, fir all attraktiv. Dann, änneren d'Faarf e Navigatioun integréiert, wäert et méiglech sinn den Design fir all Site ze ajustéieren.

HTML Code

Also, eis vertikalen Menü ze schafen, muss dir éischt wielt der HTML-Code, deen dëse Linnen enthalen gëtt:

Retten dëse Code an e Fichier genannt Accord_menu.html.

Wéi Dir gesitt kann, hu mir eng Lëscht unordered geschaf. Et besteet aus 3 wichtegst Punkten:

- Fotoen;

- Filmer;

- Bicher.

All Punkt huet e puer Paragrafen. Wou # sinn, braucht Dir Linken op Foto. Elo ass et wichteg de Stil ze beschreiwen. Et all hänkt op der Wanterschlof vun Ärer Internet Ressource. Vertikalen Menü fir de Site muss harmonesch an hiren Design intégréieren.

CSS-Code

Mat ënnerstëtzen sollt Dir net schwéier ginn. Mir Note nëmmen, datt an dësem Beispill e Temperaturgefäll fëllt benotzt. Hei ass den CSS-Code:

Faarf ass am CSS-Fichier uginn, Gréisst lues sinn aus der Elementer an der Lëscht op der lénker Säit geläscht. Et alles wéi an all Punkt an Ënner-Menü ze behuelen wann een driwwer hover. Zum Beispill:

# E1fee2 - dëst Grillwirscht gréng Faarf Ënner.

# C4f0f7 -golubovaty Hallefschiet Ënner wann Dir iwwer hinnen hover.

Haaptsäit Propriétéit froen Spär Wäert déi néideg padding a Gréisst ze ajustéieren. Der Faarf, Gréisst, Schrëftgréisst Typ, de Standuert - alles ass wéi an der CSS Datei beschreiwen. Call et, zum Beispill, accordionmenu_my1.css.

Vernetzung jQuery Menü Verbesserungen

Wéi dir dât kann, eist Zil - eng vertikal Menü jQuery ze schafen. Wann dir net kennt mat dëser Technik sinn, do Suerg net. Mir benotzen d'Google Commons an Verbindung JQuery Schrëft. Dëst ass et méi attraktiv Menü maachen. jQuery ass eng Javascript Bibliothéik baséiert op der Interaktioun vun Hypertext Language HTML an Javascript. jQuery erlaabt Iech den Inhalt an Attributer vun Elementer ze Zougang.

Also Verbindung déi néideg Schrëft am Kierper vum HTML-Fichier an setzen de Regele fir Stockage vun 2 Verännerlechen, ausser Päerd Racing Elementer. Bäidroen Code, Feierowend aner Tabulatioun un der Ouverture vun der een op déi do eng Maus klickt ass. Hei ass wéi et ausgesäit:

Retten all Ännerungen, gesinn wat et wëll an de Browser Menü gesäit. Dat ass eng gemeinsam Resultat vun: Als Resultat, hu mir eng attraktiv Menü kommen, datt Dir ëmmer ofzeänneren kann, je no hire Preferenzen. A Kaf neit Wëssen am Beräich vun jQuery, CSS, wäert Dir d'eenzegaarteg Elementer vum Site schafen, hir Kompetenzen ze verbesseren.