Zmień kursor myszy na styl przypominający kotwicę

Jeśli najedziesz divmyszą na kursor myszy, zostanie zmieniony na kursor, tak jak w kotwicy HTML.

W jaki sposób mogę to zrobić? Czy potrzebuję JavaScript, czy jest to możliwe tylko z CSS?

Zakładając, że divma id="myDiv", należy dodać następujące wpisy do CSS. W cursor: pointerOkreśla, że kursor powinna być taka sama ikona ręka, która jest stosowanie łączników (hiperłącza):

CSS do dodania

#myDiv
{
    cursor: pointer;
}

Możesz po prostu dodać styl kursora do divkodu HTML w następujący sposób:

<div style="cursor: pointer">

</div>

EDYTOWAĆ:

Jeśli jesteś zdecydowany użyć do tego jQuery, dodaj następujący wiersz do swojego $(document).ready()lub body onload: (zastąp myClassdowolną klasą cały swój divudział)

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

Jeśli chcesz to zrobić w jQuery zamiast CSS, zasadniczo postępujesz zgodnie z tym samym procesem.

Zakładając, że masz jakieś <div id="target"></div>, możesz użyć następującego kodu:

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

i to powinno wystarczyć.

Właściwie nie potrzebujesz jQuery, tylko CSS. Na przykład, oto trochę HTML:

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

A oto CSS:

.special
{
    cursor: pointer;
}

To będzie

#myDiv
{
    cursor: pointer;
}

Myślę, że :hoverbrakowało w powyższych odpowiedziach. Więc poniższe wystarczyłoby. (Jeśli CSS byłby wymagany)

#myDiv:hover
{
    cursor: pointer;
}