Click to See Complete Forum and Search --> : How can I change mousepointer shape by javascript ?


cat
06-05-2003, 10:44 PM
Can I change mousepointer shape with javascript ? For example, when mousepointer is over text, it's a beam, but I need change it into the hand. Thank you.

AdamBrill
06-05-2003, 10:53 PM
You can do that with styles. Do it like this:

<span style="cursor:hand;">test</span>

havik
06-06-2003, 01:05 AM
Here are others if you wish to know:
<span style="cursor:auto">
Auto</span><br>
<span style="cursor:crosshair">
Crosshair</span><br>
<span style="cursor:default">
Default</span><br>
<span style="cursor:hand">
Hand</span><br>
<span style="cursor:move">
Move</span><br>
<span style="cursor:e-resize">
e-resize</span><br>
<span style="cursor:ne-resize">
ne-resize</span><br>
<span style="cursor:nw-resize">
nw-resize</span><br>
<span style="cursor:n-resize">
n-resize</span><br>
<span style="cursor:se-resize">
se-resize</span><br>
<span style="cursor:sw-resize">
sw-resize</span><br>
<span style="cursor:s-resize">
s-resize</span><br>
<span style="cursor:w-resize">
w-resize</span><br>
<span style="cursor:text">
text</span><br>
<span style="cursor:wait">
wait</span><br>
<span style="cursor:help">
help</span>

Or check out this link:
http://www.cometcursor.com/

cat
06-08-2003, 08:57 PM
To Havik & AdamBrill
Thanks for your help. It's what I am looking for. I am glad on receipt of your reply.

pyro
06-08-2003, 10:19 PM
For cross-browser compatibility, please use:

<span style="cursor:pointer;">test</span>