Ändern Sie den Mauszeiger bei gedrückter Maus in einen ankerartigen Stil

Wenn ich die Maus über eine divMaus bewege, wird der Mauszeiger wie im HTML-Anker in den Cursor geändert.

Wie kann ich das machen? Benötige ich Javascript oder ist es nur mit CSS möglich?

Angenommen, Sie divhaben eine id="myDiv", fügen Sie Ihrem CSS Folgendes hinzu. Das cursor: pointergibt an, dass der Cursor dasselbe Handsymbol sein soll, das für Anker (Hyperlinks) verwendet wird:

CSS zum Hinzufügen

#myDiv
{
    cursor: pointer;
}

Sie können den Cursor-Stil einfach wie folgt zum divHTML- Code hinzufügen :

<div style="cursor: pointer">

</div>

BEARBEITEN:

Wenn Sie entschlossen sind, jQuery dafür zu verwenden, fügen Sie Ihrem $(document).ready()oder body die folgende Zeile hinzu onload: (Ersetzen Sie myClassalle Ihre divAnteile durch eine beliebige Klasse. )

$('.myClass').css('cursor', 'pointer');

Wenn Sie dies in jQuery anstelle von CSS tun möchten, folgen Sie im Grunde dem gleichen Prozess.

Angenommen, Sie haben welche <div id="target"></div>, können Sie den folgenden Code verwenden:

$("#target").hover(function() {
    $(this).css('cursor','pointer');
}, function() {
    $(this).css('cursor','auto');
});

und das sollte es tun.

Sie brauchen jQuery eigentlich nicht, nur CSS. Hier ist zum Beispiel etwas HTML:

<div class="special"></div>

Und hier ist das CSS:

.special
{
    cursor: pointer;
}

Dieser Wille

#myDiv
{
    cursor: pointer;
}

Ich denke :hover, in den obigen Antworten fehlte. Das Folgende würde also das Notwendige tun (wenn CSS erforderlich wäre)

#myDiv:hover
{
    cursor: pointer;
}