How do I change my mouse pointer with JavaScript?

Your mouse pointer (cursor) is just another element on a web page. You can control many aspects of how it looks in response to different events on your web page.

Let's say you have a form that takes a few seconds to process and you want to let your users know not to keep clicking the "submit" button. You can very simply add the following to the <FORM> HTML tag:
[color blue] [/color]
Be aware that this will not work on older versions of browsers - [color blue]your mileage may vary, see dealer for details.[/color] But the nice thing is that with a single line you can tell your users that something is happening.

Here is a list of possible cursors you can use:
[ul]
[li]auto[/li]
[li]crosshair[/li]
[li]default[/li]
[li]pointer (hand in IE 5.x)[/li]
[li]help[/li]
[li]move[/li]
[li]text[/li]
[li]wait[/li]
[li]e-resize, w-resize, n-resize, s-resize, ne-resize, nw-resize, se-resize, sw-resize[/li]
[/ul]
These values can be assigned with the onmouseover / onmouseout event handlers for any image or page element. For example add this to an image on your page:
[color blue] [/color]
Hopefully you can experiment with cursor control and let it be another extension of your web pages.