Hide your cursor on a web page when it is idle. Great if you're using a web page for some sort of TV Display and don't want the cursor messing things up.

jquery-hideIdleCursor.js

//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);
                }
        });
});

There is a problem that I want hide cursor while people scrolling the window. It seams impossible.

@leolord are you familiar with JQuery's scroll() event? Documentation is here: http://api.jquery.com/scroll/

My situation might be a bit weird, but I found I needed to add this CSS to make this work in Firefox:

html, body {
  height: 100%;
}

Okay, but how can I stop the mouse hiding?

should be able to just move your mouse. It automatically unhides with movement.

It should only work on fullscreen ... on normal screen the function should stop.
I tried it with $('#wrapper').off("mousemove"); … but that does not work.