javascript fancy navigation, Mouseover navigation.

Give your links a description with this navigation mouseover script.

Java scripts
Fancy navigation on mouseover javascript allows you to give a description of the link.

Summary: Good navigation can make an ordinary web page look like a million dollars and simple html code is fast loading with great results.

Bookmark This Page | Click here for more javascripts

Fancy Navigation Javascript

This javascript allows you to add a description of the link on mouseover which is commonly called mouseover navigation. Your visitors will see a description in the table on the right. It adds a great touch to your site. Run your mouse over the links below to see the effect.

The script does not work in Netscape browsers.

Link 1

Link 2

Link 3

Link 4

You place some comments
here that your visitor
can read prior to placing
their cursor over the links.

This is a two part script. Add the first part to the head of your document. Change the wordings to suit the content of your links.

The second part of this script is placed where you want it to appear on your page and the table size, background color, etc, can be configured to suit your page's look.

<div 
align="left"> <table background color="#00080" border="2" 
cellspacing="0" cellpadding="0" > <tr> <td valign=middle 
width="80" bgcolor="#63639C" height="160"> <div 
align="left"><a onMouseOver="content.innerHTML = action[0];" 
href="link1.html"><font color="#FFFF00"><b> 
Link 1</b></font></a> </div> <div align="left"><b><a 
onMouseOver="content.innerHTML = action[1];" href="link2.html"><font 
color="#FFFF00"> Link 2</font></a> </b></div> 
<div align="left"><b><a onMouseOver="content.innerHTML 
= action[2];" href="link3.html"><font color="#FFFF00"> 
Link 3</font></a></b> </div> <div align="left"><b><a 
onMouseOver="content.innerHTML = action[3];" href="link4.html"><font 
color="#FFFF00"> Link 4</font></a></b> </div> 
</td> <td width="200" bgcolor="#C6C6E7">  <div align="center"><a id="content"><font 
color="#000066">You place some comments<br>here that your visitor<br> 
can read prior to placing<br> their cursor over the links.</font></a> 
</div> </td> </tr> </table> </div>

Have fun!

Hypergurl Hosting

IMPROVED PLANS
FREE Domain Name

web hosting and domain registration

NEW!
Blog for Webmasters

Website Design

Refer A Friend

Your Email
Your Name
Friends Email
Friends Name

Crop, sharpen, make pictures pop.

Picasa helps you edit and add effects to your photos with a few simple clicks.

It is free and takes seconds to install.

Home