The status-bar SwitchaRoo!
Last
updated 5-31-03
This is a neat trick ... it lets you customize the message
that appears in the status bar at the bottom of the page. Normally, when
you hover your cursor over a link, the status bar tells you a link's URL
destination. More sophisticated web surfers may look at this information
to get a better idea of where a link goes. However, we can change this
status bar text to anything we want ... to improve navigation, or even
to hide your affiliate link (hush ... this is a little-known secret).
However, this status bar switch isn't foolproof. You can still figure
out where the link REALLY goes by clicking on the link and holding the
left mouse button down.
Example #1:
This link
takes you to MightyCoach's HTML tricks page. Just look at the status bar
on the bottom of the page if you don't believe me!
Notice that there is no apostrophe (') in the "MightyCoachs"
name in the status-bar window, though grammar dictates that there should
be. I had to leave the apostrophe out because it was messing up the code.
Example #2:
You can buy the book here
... this is not an affiliate link. Honest! Ok, so it is.
Source
code ... example #1 |
<a
href="http://www.mightycoach.com/articles/htmltricks/" onMouseOver="window.status='MightyCoachs
HTML-tricks page ... told you so!'; return true" onMouseOut="window.status=''">link</a> |
Source
code ... example #2 |
<a
href="http://www.amazon.com/affiliate.cgi" onmouseover="window.status='http://www.amazon.com';
return true" onmouseout="window.status=''" target="_blank">here</a> |
Or: See all our html
tricks!
|