Opera 以不支持 css 中的光标 url 而闻名。所以我尝试了这个:
$("div").css('cursor','url(http://w17.snunit.k12.il/images/big_arrow.png),auto');
它不会工作。是否有任何特定于 Opera 或跨浏览器的解决方案,无论浏览器支持如何,它都可以工作?
编辑:我尝试使用 jquery 自定义光标插件。它在技术上是有效的,但它非常滞后和闪烁。并且在 Opera 中仍然有默认光标,以及自定义图像。有任何解决这个问题的方法吗?
function customcursor(element,imgUrl) {
$('body').append('<img style="position:absolute;display:none;cursor:none;" id="mycursor" src="'+imgUrl+'" />');
element.css('cursor','none');
$(element).hover(function() {
$('#mycursor').show();
},function() {
$('#mycursor').hide();
});
$(element).mousemove(function(e){
$('#mycursor').css('left', e.clientX - 1).css('top', e.clientY + 1);
});
}
customcursor($('div'),'http://w17.snunit.k12.il/images/big_arrow.png');