meinen Mauszeiger nach einer Leerlaufzeit zu verbergen, und es wird gezeigt werden, wenn ich die Maus bewegen

stimmen
0

Ich schaffe einen Leser Web-Anwendung. Ich mag meinen Mauszeiger nach einer Leerlaufzeit verbergen, und es wird gezeigt werden, wenn ich die Maus für meine Webseite mit JavaScript bewegen, CSS.

Was ist am besten Weg, es zu erreichen?

Vielen Dank

Veröffentlicht am 15/09/2012 um 12:24
vom benutzer
In anderen Sprachen...                            


1 antworten

stimmen
1

Dieser arbeitete für mich (aus genommen https://gist.github.com/josephwegner/1228975 ).

Hinweis Verweis auf ein HTML-Element mit dem ID-Wrapper.

//Requires jQuery - http://code.jquery.com/jquery-1.6.4.min.js
$(document).ready(function() { 


    var idleMouseTimer;
    var forceMouseHide = false;

    $("body").css('cursor', 'none');

    $("#wrapper").mousemove(function(ev) {
            if(!forceMouseHide) {
                    $("body").css('cursor', '');

                    clearTimeout(idleMouseTimer);

                    idleMouseTimer = setTimeout(function() {
                            $("body").css('cursor', 'none');

                            forceMouseHide = true;
                            setTimeout(function() {
                                    forceMouseHide = false;
                            }, 200);
                    }, 1000);
            }
    });
});
Beantwortet am 25/10/2013 um 21:42
quelle vom benutzer

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more