Wie zwei Tasten beim Maus-Hover umschalten?

8

Ich habe zwei Knöpfe:
1 - Folge einem 2 - Nicht mehr folgen

Auf den ersten Blick wird die Schaltfläche Folgen angezeigt und wenn Sie den Mauszeiger über die Schaltfläche Folgen halten, möchte ich die Folgen-Schaltfläche zum Verschwinden bringen und die Schaltfläche Nicht folgen, um nach dem Bewegen über die Schaltfläche Nicht folgen dann die Option zu wählen Folgen Sie der Schaltfläche, um zu erscheinen, und der Schaltfläche "Nicht folgen", um sie zu entfernen, also wie mache ich das?

Feedbacks sind willkommen.

HTML CODE

%Vor%

CSS-CODE

%Vor%     
Mohamed 14.05.2015, 06:10
quelle

7 Antworten

5

Eine alternative und optimalere Lösung, wie gesagt, die für den gleichen Button wie folgt gemacht werden kann:

DEMO HIER

HTML

%Vor%

JS

%Vor%

AKTUALISIEREN

Wenn Sie das gleiche auf hover anstatt auf klicken möchten, können Sie .on('click' zu hover wie folgt ändern:

%Vor%     
Guruprasad Rao 14.05.2015, 06:21
quelle
2

Versuchen Sie folgenden Code:

Es wird die Schaltfläche click ed ausgeblendet und eine andere Schaltfläche angezeigt.

%Vor%

Demo: Ссылка

    
Tushar 14.05.2015 06:17
quelle
1

Ich denke, mit Hover-Ereignis können Sie es einfacher machen.

HTML

%Vor%

JS

%Vor%

CSS (wie das in Ihrer Frage angegebene Styling)

    
Lini Susan V 14.05.2015 06:33
quelle
0

Es ist ziemlich einfach mit jquery. Verwenden Sie einfach jquery .hover ()

%Vor%     
Tech Savant 14.05.2015 06:13
quelle
0

Sie können mit

spielen %Vor%

um das Ereignis auszulösen

und dann .addClass und .removeClass

zum Anwenden oder Entfernen Ihrer CSS-Klassen.

    
Makis 14.05.2015 06:14
quelle
0

Wie wäre es mit js so:

%Vor%     
dsharew 14.05.2015 06:15
quelle
0
%Vor%     
Harsha 14.05.2015 06:46
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset BLE GATT onCharacteristicChanged wird nicht nach dem Abonnieren der Benachrichtigung aufgerufen