Wie man eine Javascript-Funktion während eines Mouseover auf einem Div ausführt

9

Wie kann ich eine JavaScript-Funktion ausführen, wenn der Benutzer über ein div-Tag mausiert?

Hier ist mein div-Tag:

%Vor%     
Hulk 05.01.2010, 15:31
quelle

7 Antworten

22

Ich gehe davon aus, dass Sie die Begrüßung anzeigen möchten, wenn Sie mit der Maus über "Text" gehen.

Als Meldungsfeld ist dies:

%Vor%

Als Tooltip sollte es sein:

%Vor%

Als neues div können Sie verwenden:

%Vor%

Sie sollten NIEMALS Leerzeichen im id eines Elements enthalten.

    
Nathan Wheeler 05.01.2010, 15:38
quelle
14

Dies ist schlecht formatiertes HTML. Sie müssen entweder eine einzelne ID oder Leerzeichen getrennte Klassen haben. Wie auch immer, wenn Sie neu sind, würde ich in jQuery schauen.

%Vor%

oder

%Vor%

Wenn Sie den folgenden HTML-Code hatten:

%Vor%

jQuery

%Vor%

Javascript

Sie möchten wahrscheinlich die Ereignisse in Ihren HTML-Code einfügen:

%Vor%

Dann würde Ihr Javascript diese beiden Funktionen haben

%Vor%

Bitte beachten Sie: Dieses Javascript berücksichtigt keine Cross-Browser-Probleme. Dafür müsstest du deinen Code genauer ausführen, nur ein weiterer Grund, jquery zu verwenden.

    
bendewey 05.01.2010 15:34
quelle
1
%Vor%

Oder so etwas

    
alemjerus 05.01.2010 15:34
quelle
0

Hier ist eine jQuery Lösung.

%Vor%

Verwenden Sie dieses Markup:

%Vor%

Sie haben nicht wirklich angegeben, ob (oder wann) Sie die Willkommensnachricht verbergen wollten, aber dies würde jedes Mal, wenn Sie mit der Maus über den Text gehen, ausblenden oder anzeigen.

    
jjclarkson 05.01.2010 15:41
quelle
0

Verwenden Sie das Titelattribut:

%Vor%     
marcgg 05.01.2010 15:50
quelle
0

der Prototyp Weg

%Vor%

enthält Prototyp Lib zum Testen

%Vor%     
Burntime 05.01.2010 16:36
quelle
-1

So zeige ich Hover-Text mit JavaScript-Tooltip:

%Vor%     
Sooze 22.05.2013 17:41
quelle

Tags und Links