Hover-Status des current-menu-item verlassen

  • Moin!

    Kennt hier jemand einen Möglichkeit, den Hover Status des aktuellen Menüelements (.current-menu-item) zu verlassen, wenn man wieder über andere Elemente hovert?

    Ich habe eine Hover-Navigationsleiste welche nur aus Grafiken besteht. Über die Klasse .current-menu-item habe ich es auch geschafft, dass das aktuelle Menüelement im Hover-Status bleibt. Jetzt will ich es noch schaffen, dass dieser Hover-Status aber wieder verschwindet, sobald man über andere Menüelemente hovert, sodass immer nur ein Element im Hover Status ist. Sobald die Maus aber die Navigationleiste verlässt soll der Hover-Status wieder auf das Aktive Element springen.
    Ist so etwas überhaupt noch mit CSS zu realisieren oder muss ich hier schon mit JS arbeiten? Wenn ja, hat jemand einen guten Tip für ein entsprechendes Script?

    DANKE!

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • aktives Element und Hover-Status sind 2 verschiedene Dinge, die man auch extra angeben kann und dann auch trennen sollte
    somit hast du ein Problem gelöst,

    das andere Problem ist , dass Du eine Mausbewegung abfragen müßtest,

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!