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

我找到了答案，PNG文件应转换为CUR文件，我用叫AniFX的美好计划。脚本是：

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

Answer 2

我假设组是一个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