JavaScript如何将鼠标光标更改为图像?

时间:2012-06-02 22:37:52

标签: javascript jquery html image mouse

我见过一些示例,您可以将其更改为预设的操作系统图像;例如:

$('body').css('cursor', 'wait'); 

但我自己的/img/my_image.png怎么样?

感谢您的帮助。

3 个答案:

答案 0 :(得分:21)

您可以通过在CSS中指定网址:

div
{
cursor:url(smiley.gif),url(myBall.cur),auto;
}

请参阅http://www.w3schools.com/cssref/pr_class_cursor.asp

答案 1 :(得分:3)

Jquery设置自定义光标的方法(或默认光标作为后备):

$('selector').css({'cursor': 'url(/cursors/customMoveCursor.cur), default'});

答案 2 :(得分:2)

我通常不会链接外部文章,但这个文章可以满足您的需求。我在这里复制了相关内容以保持持久性。

#dragMe {
    cursor: url('../cursors/customMoveCursor.cur'),     /* Modern browsers    */
            url('cursors/customMoveCursor.cur'),        /* Internet Explorer  */
            move;                                       /* Older browsers     */
}

信用:http://www.useragentman.com/blog/2011/12/21/cross-browser-css-cursor-images-in-depth/

制作自定义光标时不要忘记考虑辅助功能!干杯:)