JavaScript: Swap Cursor

cursor.js

// cursor to icon 
	$('#canvas').mouseout(function(){
               $('#mycursor').hide();
               return false;
          });
          $('#canvas').mouseenter(function(){
               $('#mycursor').show();
               return false;
          });
          $('#canvas').mousemove(function(e){
               $('#mycursor').css('left', e.clientX - 20).css('top', e.clientY + 7);
     });
     

///CSS
canvas{cursor: url(../imgs/cursor.png), none;
}

#mycursor {
     cursor: none;
     width: 97px;
     height: 137px;
     position: absolute;
     display: none;
     top: 0;
     left: 0;
     z-index: 10000;
}

///HTML
<div id="mycursor"></div>