|
Changing the cursorYou can change the cursor for the page and on mouseover. So if the user move their mouse over a link, the cursor will change. Normally on all browsers, the cursor changes to a hand, but you can change it to something else too other than the hand. You will need to add a CSS code to the <a> tag inoder to do this. Below is an example:
<a href="http://www.mysite101.com" style="cursor: default;">MySite101</a>
The cursor is the cursor used when your cursor is not on anything. It is not the hand and you can only get this type of cursor by using default and nothing else. But if your default cursor is not this cursor, then it will use whatever cursor you ahve as your default. Below are more examples of the value you can input. On the top is the code and below it is the output.
Auto:
<a href="http://www.mysite101.com" style="cursor: auto;">MySite101</a>
Wait:
<a href="http://www.mysite101.com" style="cursor: wait;">MySite101</a>
Crosshair:
<a href="http://www.mysite101.com" style="cursor: crosshair;">MySite101</a>
Hand:
<a href="http://www.mysite101.com" style="cursor: hand;">MySite101</a>
Help:
<a href="http://www.mysite101.com" style="cursor: help;">MySite101</a>
Text:
<a href="http://www.mysite101.com" style="cursor: text;">MySite101</a>
Move:
<a href="http://www.mysite101.com" style="cursor: move;">MySite101</a>
N-resize:
<a href="http://www.mysite101.com" style="cursor: n-resize;">MySite101</a>
S-resize:
<a href="http://www.mysite101.com" style="cursor: s-resize;">MySite101</a>
E-resize:
<a href="http://www.mysite101.com" style="cursor: e-resize;">MySite101</a>
W-resize:
<a href="http://www.mysite101.com" style="cursor: w-resize;">MySite101</a>
Ne-resize:
<a href="http://www.mysite101.com" style="cursor: auto;">MySite101</a>
Nw-resize:
<a href="http://www.mysite101.com" style="cursor: nw-resize;">MySite101</a>
Se-resize:
<a href="http://www.mysite101.com" style="cursor: se-resize;">MySite101</a>
Sw-resize:
<a href="http://www.mysite101.com" style="cursor: sw-resize;">MySite101</a>
Also, you can use your own cursor too. But first, you will need to make your own cursor and then upload it onto your website. Inorder to make your own cursor, you will need a speical program and save your cursor as .cur or .ani files. Below is the code for your own cursor:
<a href="http://www.mysite101.com" style="cursor:url(yourcurosrurl);">MySite101</a>
***Changing cursors only work with a limited number of browsers. These include Internet Explorer and Firefox. |