Javascript KineticJS-使用url的自定义鼠标光标样式
我正在尝试使用PNG图像更改光标样式,以下是我的脚本:Javascript KineticJS-使用url的自定义鼠标光标样式,javascript,mouseover,Javascript,Mouseover,我正在尝试使用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
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";
});
我使用“更改为指针”测试了脚本,效果很好。我将感谢您的建议并提前表示感谢。我假设组是一个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";
});
请参见我找到了答案,PNG文件应该转换为CUR文件,我使用了一个名为AniFX的不错的程序。剧本是:
group.mouseenter(function(){
document.body.style.cursor = "url('../../Content/icons/zoom_in.cur'), auto";
// document.body.style.cursor = "pointer";
});
谢谢,实际上这是一个KineticJS组(canvas)。啊,我的错!我看了标签,但显然不是标题。。。对不起,实际上你已经读过标题了,我只是因为这个问题才编辑它。万分感谢