This example demonstrates how to change the cursor.
HTML file: | Displayed by browser: |
---|---|
<p>Mouse over the words to change the cursor.</p>
<br /><span style="cursor:auto">auto</span> <br /><span style="cursor:crosshair">crosshair</span> <br /><span style="cursor:default">default</span> <br /><span style="cursor:e-resize">e-resize</span> <br /><span style="cursor:help">help</span> <br /><span style="cursor:move">move</span> <br /><span style="cursor:n-resize">n-resize</span> <br /><span style="cursor:ne-resize">ne-resize</span> <br /><span style="cursor:nw-resize">nw-resize</span> <br /><span style="cursor:pointer">pointer</span> <br /><span style="cursor:progress">progress</span> <br /><span style="cursor:s-resize">s-resize</span> <br /><span style="cursor:se-resize">se-resize</span> <br /><span style="cursor:sw-resize">sw-resize</span> <br /><span style="cursor:text">text</span> <br /><span style="cursor:w-resize">w-resize</span> <br /><span style="cursor:wait">wait</span> |
Mouse over the words to change the cursor. auto crosshair default e-resize help move n-resize ne-resize nw-resize pointer progress s-resize se-resize sw-resize text w-resize wait |