jQuery div, das der Cursorbewegung nur innerhalb eines anderen div folgt

8

Ich möchte in der Lage sein, ein div zu haben, das, wenn die Maus innerhalb dieses div ist, ich eine kleine kreisförmige Markierung neben dem Cursor erhalte. Wenn ich mich außerhalb dieses Div bewegen, wird die Cursormarkierung entfernt und versteckt.

Ich habe ein Beispiel gefunden, was ich will, aber nicht genau das, was ich brauche: -

Ссылка

Probleme mit dem oben genannten: - Ich möchte nur die gelbe Markierung erscheinen, wenn ich innerhalb dieses div bin - Wenn ich außerhalb dieses Div bin, ist der Marker versteckt und der Cursor ist normal. - Der Marker ist zu weit vom Cursor entfernt, wenn ich die Maus umherbewege

Irgendwelche Ideen?

%Vor%

Danke

    
John 04.11.2013, 15:25
quelle

5 Antworten

3

Kannst du nicht CSS benutzen? Etwas wie das: Ссылка

Gerade display:none; bei #follower hinzugefügt und einen neuen Stil .centerdiv:hover #follower { display:block; }

erstellt

Um den Zeiger beim Stoppen des Cursors zu fixieren, fügen Sie margin-left:-8px; margin-top:-8px; zum #follower hinzu.

Aktualisierte Geige Ссылка

Aktualisierte Geige 2 Ссылка

    
Felipe Miosso 04.11.2013, 15:32
quelle
1

Sie können etwas wie% ce_de% zum css-Nachfolger hinzufügen und dann: Ссылка

%Vor%     
spacebean 04.11.2013 15:33
quelle
1

Das Problem tritt in der Funktion setInterval auf, die alle 30 ms aufgerufen wird Verwende den onmousemove wenn du in div bist um Koordinaten zu erhalten. und zeige den Follower auf mouseenter . Verstecken bei mouseleave

    
Romko 04.11.2013 15:33
quelle
0

Ändern Sie die css-Eigenschaften des Containers

%Vor%     
sarath 04.11.2013 15:46
quelle
0

Sie können diese Bibliothek benutzen, ich fand sie wirklich gut. Ссылка

    
Adel Bachene 01.10.2015 04:40
quelle

Tags und Links