javascript - KineticJS - 使用 url 自定义鼠标光标样式

Question

我正在尝试使用 PNG 图像更改光标样式，这是我的脚本：

   group.on("mouseover", function(){
          document.body.style.cursor =  "url('../../Content/icons/zoom_in.png'), auto";
        //  document.body.style.cursor =  "pointer";
        });
   group.on("mouseout", function() {
      document.body.style.cursor = "default";
    });

我使用更改指针测试了脚本，它运行良好。我会提前感谢您的建议和感谢。

Answer 1

我假设group是一个 JQuery 对象。我会给 mouseenter/mouseleave 一个机会。

group.mouseenter(function(){
    document.body.style.cursor =  "url('../../Content/icons/zoom_in.png'), auto";
    //  document.body.style.cursor =  "pointer";
});
group.mouseleave(function(){
    document.body.style.cursor = "default";
});

请参阅Javascript/jQuery mouseover 和 mouseout 事件侦听器

Answer 2

我找到了答案，应该将 PNG 文件转换为 CUR 文件，我使用了名为 AniFX 的好程序。脚本是：

group.mouseenter(function(){
    document.body.style.cursor =  "url('../../Content/icons/zoom_in.cur'), auto";
    //  document.body.style.cursor =  "pointer";
});