0

Opera は CSS でカーソル URL をサポートしていないことで知られています。だから私はこれを試しました:

http://jsfiddle.net/zevH9/

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

そしてそれはうまくいきません。ブラウザのサポートに関係なく機能する、これに対する Opera 固有またはクロスブラウザのソリューションはありますか?

編集: jquery custom-cursor プラグインを使用しようとしました。技術的には機能しますが、遅延やちらつきがひどいです。また、カスタム イメージとともに、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