Tervezése, fejlesztése és támogatása oldalak Gomel - hogyan válasszuk ki az aktív menüpontot
Fórumok → cikkek → Web fejlesztés → kiválasztása az aktív menüpontot
Az aktív menüpont válásakor propisaniem neki semmilyen osztály és elosztása ennek az osztálynak a CSS.
Nézzük most, hogyan kell ezt a példát.
A CSS-ben fogjuk beállítani menü stílust és a színátmenetek. És kérje az aktív menü gradiens ugyanaz, mint mindenki, de az ellenkező irányba.
Például - a teljes menü gradiens megy fény a tetejétől az aljáig, a növényzet és az aktív menüben éppen ellenkezőleg. CSS3 lehetőségek segít ebben:
Most, hogy „lógni” az aktív menü segítségével a javascriptet.
Ez azt jelenti, meg az osztály „aktív” aktuális link.
Első lépés - hozzon létre egy kiemelt funkciót. Nevezzük minden menüben. Amíg van egy, de akkor nem lesz sok -, majd meg kell adni egy sort.
Helyezze be a funkció kód
a honlapján, hogy azt már dokumentumban meghatározott töltés előtt.Most meg kell hívni, hogy a végén a dokumentumot, akkor a legjobb, zárás előtt
, hogy kiemelje az összes hivatkozást a id = „menu” ** Az az oldal alján kódot hívják majd az oldal teljesen megterhelt idején annak működését.
Mint látható, még nem használja a jQuery JavaScript a natív - ez egyszerű.
De ha csatlakozik a jQuery oldal, még mindig könnyebb.
Megteheti nélkül is működik, és a kód több egyszerű és egyértelmű:
JQuery ad még az az előnye, írom ezt a kódot bárhol lehet (nem előtte
) - működik egyébként csak betöltése után az egész oldalt.Nos, a hagyomány szerint - a végeredmény:
A JavaScript le van tiltva a háttérvilágítás aktív link nem fogja látni.
Minden hogy őszinte legyek
Továbbra is hozzátenni, hogy a kód csak bonyolultnak tűnik, mert az a tény, hogy már hozzá a menü színátmenetek CSS segítségével. És így a menü meg lehet világítani sokkal könnyebb. Kiosztani például félkövér font-weight: Bold. Vagy állítsa különböző háttérrel kép - ahogy szeretné.