I use CSS to set a custom cursor image:
#scroll_up{
display: block;
position: absolute;
width: 960px;
height: 300px;
cursor: url(../imgs/cursor_up.png), auto;
}
The above style is assigned to a div element so that the cursor appears as an image when hovering over it:
<div id="scroll_up">...</div>
To change the cursor image after several loops, I created a function:
$("#scroll_up").css({ cursor : "url(imgs/cursor_down.png)" });
However, the functionality is not working as expected. Any suggestions or insights would be greatly appreciated.
Thank you.