เปลี่ยนเคอร์เซอร์ของเมาส์บนเมาส์เป็นลักษณะเหมือนจุดยึด

ถ้าฉันวางเมาส์เหนือdivเคอร์เซอร์ของเมาส์จะเปลี่ยนเป็นเคอร์เซอร์แบบนั้นในจุดยึด HTML

ฉันจะทำเช่นนี้ได้อย่างไร? ฉันต้องการ Javascript หรือเป็นไปได้ด้วย CSS เท่านั้น?

สมมติว่าคุณdivมีให้id="myDiv"เพิ่มสิ่งต่อไปนี้ใน CSS ของคุณ cursor: pointerระบุว่าเคอร์เซอร์ที่ควรจะเป็นไอคอนรูปมือเดียวกับที่ใช้งานสำหรับแองเคอ (เชื่อมโยงหลายมิติ):

CSS เพื่อเพิ่ม

#myDiv
{
    cursor: pointer;
}

คุณสามารถเพิ่มรูปแบบเคอร์เซอร์ให้กับdivHTML ของคุณได้ดังนี้:

<div style="cursor: pointer">

</div>

แก้ไข:

หากคุณตั้งใจที่จะใช้ jQuery สำหรับสิ่งนี้ให้เพิ่มบรรทัดต่อไปนี้ใน$(document).ready()หรือ body ของคุณonload: (แทนที่myClassด้วยคลาสใดก็ตามที่คุณdivแชร์ทั้งหมด)

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

หากคุณต้องการทำสิ่งนี้ใน jQuery แทน CSS โดยทั่วไปคุณจะทำตามขั้นตอนเดียวกัน

สมมติว่าคุณมีบางส่วน<div id="target"></div>คุณสามารถใช้รหัสต่อไปนี้:

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

และควรทำ

คุณไม่จำเป็นต้องใช้ jQuery เพียงแค่ CSS ตัวอย่างเช่นนี่คือ HTML บางส่วน:

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

และนี่คือ CSS:

.special
{
    cursor: pointer;
}

นี่จะ

#myDiv
{
    cursor: pointer;
}

ฉันคิดว่า:hoverไม่มีในคำตอบข้างต้น ดังนั้นการติดตามจะเป็นสิ่งที่จำเป็น (ถ้าจำเป็นต้องใช้ css)

#myDiv:hover
{
    cursor: pointer;
}