如何更改光标

时间:2013-03-28 14:21:00

标签: jquery css mouse-pointer

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

如何更改此设置,使其看起来与将鼠标悬停在href(看起来像手形指针)上时相同?

6 个答案:

答案 0 :(得分:3)

使用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;
}

答案 1 :(得分:2)

正如其他人所说

img {
    cursor: pointer;
    cursor: hand;
}

但是如果你想使用你自己的'手',可以将自定义图像设置为光标:

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

答案 2 :(得分:1)

与那里的jquery没什么关系。

你可以在那里使用css

.img:hover{
    cursor: auto

}

<强> All possible cursor styles

答案 3 :(得分:0)

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

img {
    cursor: pointer;
    cursor: hand;
}

答案 4 :(得分:0)

如果你给它一个id,那就用这个:

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

答案 5 :(得分:0)

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

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