0

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

http://jsfiddle.net/zevH9/

$("div").css('cursor','url(http://w17.snunit.k12.il/images/big_arrow.png),auto');

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

编辑:我尝试使用 jquery 自定义光标插件。它在技术上是有效的,但它非常滞后和闪烁。并且在 Opera 中仍然有默认光标,以及自定义图像。有任何解决这个问题的方法吗?

http://jsfiddle.net/zevH9/1/

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');
4

0 回答 0