|
Web Design Tutorials
|
|
Inserting a link description into the status bar
Introduction.
Ever mouseover a link and see that instead of seeing the
normal page address you see a few words or line of text? This
guide shows the very simple way this is done.
Basic Code.
The basic code is as follows:
<a href="#" onmouseover="window.status='Ta
da! Link description here';return true;"
onmouseout="window.status=' ';return true;">Link</a>
Result: mouseover the following link and look at your browsers
status bar below: Link
You can add it to any number of links. Try to use a short but
descriptive link description. Here are some examples, just
mouseover the following links and check the descriptions in the
status bar. Note, these are dead links, don't bother to click on
them as they are only for demonstration.
CSS
Templates
Portfolio
Contact Us
Too Long
It's a very simple effect but can add a professional touch to
a website.
|
|