Jquery/css如何设置在Opera(或跨浏览器)中工作的自定义游标?

Jquery/css如何设置在Opera(或跨浏览器)中工作的自定义游标?,jquery,cross-browser,cursor,opera,custom-cursor,Jquery,Cross Browser,Cursor,Opera,Custom Cursor,Opera以不支持css中的光标url而闻名。所以我试了一下: $(“div”).css('cursor','url(http://w17.snunit.k12.il/images/big_arrow.png),自动) 而且它不会起作用。是否有任何特定于Opera或跨浏览器的解决方案,无论是否支持浏览器,都可以使用 编辑:我尝试使用jquery自定义光标插件。从技术上讲,它可以工作,但它的滞后和闪烁非常严重。Opera中还有默认的光标和自定义图像。有办法解决这个问题吗 函数customcur

Opera以不支持css中的光标url而闻名。所以我试了一下:

$(“div”).css('cursor','url(http://w17.snunit.k12.il/images/big_arrow.png),自动)

而且它不会起作用。是否有任何特定于Opera或跨浏览器的解决方案,无论是否支持浏览器,都可以使用

编辑:我尝试使用jquery自定义光标插件。从技术上讲,它可以工作,但它的滞后和闪烁非常严重。Opera中还有默认的光标和自定义图像。有办法解决这个问题吗

函数customcursor(元素,imgUrl){
$('body')。追加('');
css('cursor','none');
$(元素)。悬停(函数(){
$('#mycursor').show();
},函数(){
$('#mycursor').hide();
});
$(元素).mousemove(函数(e){
$('#mycursor').css('left',e.clientX-1).css('top',e.clientY+1);
});
}
自定义游标($('div'),'http://w17.snunit.k12.il/images/big_arrow.png');

它正在为Opera 22工作……解决方案就在这里
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');