Navigációs menü a lávámoly stílusában

Navigációs menü Lava-lámpa stílusban

Mielőtt elkezdené leírni a menü struktúráját, talán nem feltétlenül szükséges a cselekvés megvizsgálása:

Csak azt szeretném mondani, hogy ez a menü leginkább megtekinthető a böngészőkben a Chrome-ban és a Firefoxban.







1. lépés HTML

Figyeljük meg, hogyan állítottuk be a "kiválasztott" azonosítót a főoldalra. Ez a szokásos módszer a legtöbb webhely számára, amely lehetővé teszi a főmenü szakasz stílusának meghatározását.






Ezután csatlakozni kell a jQuery plugin (aktiválásához). Ehhez egy kis szkriptre van szükségünk:


Az egész szkript végrehajtásához új fájlt hoztunk létre, és a html dokumentumhoz való csatlakozás után jquery.spasticNav.js-nek neveztük el.

Nincs szükség különleges beállításokra, hacsak nem kell módosítania a menü méretét és színét. Ehhez kísérletezhet az egyedi tulajdonságértékekkel a stíluslapon:

Az internet mindegyik karban van. Csak tudnod kell, hogyan nyújtsd ki a kezed.

Hálás lennék, ha támogatnád a projektet - hozzáadhatsz egy blogot az AdBlock kivételekhez, és megoszthatsz egy linket a közösségi hálózatokban szereplő bejegyzéshez:




Kapcsolódó cikkek