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