Ubah kursor mouse pada mouse menjadi gaya seperti jangkar

Jika saya mengarahkan mouse ke divatas kursor mouse akan berubah menjadi kursor seperti itu di jangkar HTML.

Bagaimana saya bisa melakukan ini? Apakah saya memerlukan Javascript atau hanya mungkin dengan CSS?

Dengan asumsi Anda divmemiliki id="myDiv", tambahkan yang berikut ini ke CSS Anda. The cursor: pointermenetapkan bahwa kursor harus ikon tangan yang sama yang digunakan untuk jangkar (hyperlink):

CSS untuk Ditambahkan

#myDiv
{
    cursor: pointer;
}

Anda cukup menambahkan gaya kursor ke divHTML Anda seperti ini:

<div style="cursor: pointer">

</div>

EDIT:

Jika Anda bertekad untuk menggunakan jQuery untuk ini, tambahkan baris berikut ke your $(document).ready()or body onload: (ganti myClassdengan kelas apa pun dari semua bagian Anda div)

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

Jika Anda ingin melakukan ini di jQuery alih-alih CSS, pada dasarnya Anda mengikuti proses yang sama.

Dengan asumsi Anda memiliki beberapa <div id="target"></div>, Anda dapat menggunakan kode berikut:

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

dan itu harus dilakukan.

Anda sebenarnya tidak membutuhkan jQuery, hanya CSS. Misalnya, inilah beberapa HTML:

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

Dan inilah CSS-nya:

.special
{
    cursor: pointer;
}

Ini akan

#myDiv
{
    cursor: pointer;
}

Saya pikir :hoverhilang dalam jawaban di atas. Jadi berikut ini akan melakukan yang diperlukan. (Jika css diperlukan)

#myDiv:hover
{
    cursor: pointer;
}