Tutorials
CSS
Web Design
XHTML
Javascript
PHP

Web Design Tutorials
Embedding fonts
Page Redirection
Access Hard Drives
Avoiding Spam Mail
Editable Page Content
Copyright Basics
File Include
Mailto Links
Maintain Framesets
Show the Hard Drive
Link Status Description


More information

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.


Discuss this in the Forum  

Search HeaphyDesigns



Stored Pages



Change Site Style
Select a style for the site:




More information