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

4zcjmb1e  于 2023-11-17  发布在  jQuery
关注(0)|答案(4)|浏览(132)

我已经看到了一些例子,你可以将其更改为操作系统中的预设图像;例如:

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

字符串
但是我自己的/img/my_image.png呢?
谢谢你的帮助

yquaqz18

yquaqz181#

你可以通过在CSS中指定一个URL:

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

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

ee7vknir

ee7vknir2#

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

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

字符串

vof42yt1

vof42yt13#

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

#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/
在制作自定义光标时,不要忘记考虑可访问性!干杯:)

ukqbszuj

ukqbszuj4#

我有一个方法可以将文件更改为.cur文件:https://convertio.co/png-cur/

相关问题