Did you ever wonder how they get the mouse
to change to different images?
Its easy with a bit of DHTML added to your
text or
hyperlink.
Move your mouse around or over
the words below to see the cursor change:
|
Auto |
Crosshair |
Default |
Hand |
|
Move |
text |
wait |
help |
|
se-resize |
sw-resize |
s-resize |
w-resize |
|
e-resize |
ne-resize |
nw-resize |
n-resize |
Instructions: First copy the
span style tags below
and paste them into a blank note pad page. Open your web with
FrontPage, and navigate to a page you wish to add a span style to.
copy the tag from your note pad text
file to your clip board.
Next place your curser on the spot you would like the tag to appear on
the page, and then switch to HTML view. Paste the span style tag in the spot your
curser is blinking. Save your changes and then switch back to Normal View.
Hint:
Use span styles in your
hyperlinks. Example:
help
<a style= "text-decoration: none" span
style="CURSOR: help; href="default.asp"
href="default.asp">help</a></span></font>
|
Auto: |
<span style="cursor:
auto">your text</span> |
|
Crosshair: |
<span style="cursor:
crosshair">your text</span> |
|
Default: |
<span style="cursor:
default">your text</span> |
|
Hand: |
<span style="cursor:
hand">your text</span> |
|
Move: |
<span style="cursor:
move">your text</span> |
|
e-resize: |
<span style="cursor:
e-resize">your text</span> |
|
ne-resize: |
<span style="cursor:
ne-resize">your text</span> |
|
nw-resize: |
<span style="cursor:
nw-resize">your text</span> |
|
n-resize: |
<span style="cursor:
n-resize">your text</span> |
|
se-resize: |
<span style="cursor:
se-resize">your text</span> |
|
sw-resize: |
<span style="cursor:
sw-resize">your text</span> |
|
s-resize: |
<span style="cursor:
s-resize">your text</span> |
|
w-resize: |
<span style="cursor:
w-resize">your text</span> |
|
text: |
<span style="cursor:
text">your text</span> |
|
wait: |
<span style="cursor: wait">your
text</span> |
|
help: |
<span style="cursor: help">your
text</span> |
