Bonjour, peut on changer l'apparence du pointeur de souris de chargement en JavaScript ?

Voici mon code actuel qui change le curseur de al souris au bout de 5 seconde, je souhaite le changer quand la page est chargée
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html style="height:100%;width:100%" >
<head>
    <meta charset=utf-8 />
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <!--[if IE]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>
    <script type="text/javascript" >
        $('html').css('cursor','url(http://www.w3schools.com/cssref/smiley.gif), url(http://www.w3schools.com/cssref/myBall.cur), wait');
        $( document ).ready(function() {
            setTimeout(function(){
                $('html').css('cursor','default');
            }, 5000);
        });
    </script>
</body>
</html>
Voila ce que j'ai tentée (sa ne marche pas)

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
$("img").one("load", function() {
  // changer le curseur quand tout est chargé
}).each(function() {
  if(this.complete) $(this).load();
});
Merci d'avance.