CSS-Dropdown-Menü: Verzögerung beim Mouse-Out hinzufügen

8

Ich habe ein Drop-down mit CSS und HTML unten:

%Vor%

JSBIN:
Ссылка

Ich möchte in diesem Drop-down eine Verzögerung hinzufügen. Wenn die Maus also ausgezogen wird, wird das untergeordnete Menü weiterhin für Sekunden angezeigt. Ich habe ein Tutorial dort draußen versucht, aber es ist so verwirrend.

Ich möchte aus irgendeinem Grund kein jquery-Dropdown-Menü verwenden. Können Sie mir helfen, dies mit Javascript zu erreichen?

Gelöst: Ссылка

    
Zulkhaery Basrul 07.12.2011, 20:33
quelle

2 Antworten

6

Ändern Sie alle Ihre: Hover zu einer Klasse (z. B. ".hover"). Fügen Sie mouseover / mouseout-Ereignisse hinzu, um die "Hover" -Klasse in einem setTimeout hinzuzufügen. Der setTimeout sollte überprüfen, ob der Benutzer immer noch über das Element schwebt.

    
aepheus 07.12.2011, 20:40
quelle
1

Ich denke, was Sie suchen, ist HoverIntent

Ссылка

Damit wird erreicht, was Sie tun möchten. Wenn Sie mit JavaScript noch nicht vertraut sind, brauchen Sie etwas herumspielen, aber es ist nicht so schwer.

    
Ben 07.12.2011 20:42
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Deaktiviere Anmeldeaufforderungen in mod_auth_sspi_1.0.4-2.2.2