jquery - 如何更改光标

Question

我已经开始探索 jQuery 并且对事物的外观有疑问。我有一张图片，点击它会切换导航栏。当我将鼠标悬停在图像上时，我有文本选择光标。

如何更改它，使其看起来与我将鼠标悬停在 a href（看起来像手形指针）上时相同？

Answer 1

使用 CSS，您可以：

img:hover {
    cursor: pointer;
    cursor: hand; /* If you want to support IE < 6. See http://quirksmode.org/css/user-interface/cursor.html#note */
}

或者：

img{
    cursor: pointer;
    cursor: hand;
}

Answer 2

正如其他人所说

img {
    cursor: pointer;
    cursor: hand;
}

但是，如果您想使用“自己的”手，可以将自定义图像设置为光标：

img {
    cursor:url(img/hand-url.cur), default;
}

Answer 3

那里与jquery无关。

你可以在那里使用css

.img:hover{
    cursor: auto

}

所有可能的光标样式

Answer 4

浏览器对指针有不同的名称:) 跨浏览器：

img {
    cursor: pointer;
    cursor: hand;
}

Answer 5

如果你给了它一个 id 然后使用这个：

$("#id").css("cursor","pointer")

Answer 6

如果您想使用 jquery 而不是其他人发布的首选 css 解决方案，请尝试以下操作：

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