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";
    });

我使用change to pointer测试了脚本，它运行良好。我将非常感谢您的建议并提前致谢。

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 and mouseout Event Listeners

Answer 2

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

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