Highlight link on mouseover javascript by Hypergurl.com

Highlight Text Link on Mouseover
Javascript to highlight link on mouseover

Handy Tip: Numerous methods can be used to grab your visitors attention. For example, making text turn to a highlight yellow background when they move their mouse over it.

Bookmark This Page

Highlight text link on mouseover javascript

Example link: Hypergurl Hosting Services

This script will highlight links when the mouse is moved over the text. It uses the <span> tag and a javascript function that makes it compatible with Netscape. Simply follow the instructions to copy and paste this script into your html document.

Can be configured to have all links appear in different colors on mouseover.

STEP 1

Copy and paste the javascript and stylesheet between the <head> and </head> of your html document. Change the hightlight color where indicated within the script to the color of your choice. We have set this to yellow, you can use whatever color you wish.

STEP 2

Copy and paste the code below into the body of your html document where you want your link to appear on your page. Change the link details to reflect your own.

For each other link you wish to have highlighted on mouseover, change the link ID number from link1 to link2 and 3 and 4 and so on.

If you wish to have your links highlighted in different colors for different links, change this line "ColorOn('link1');" to "ColorOn('red');" or you can use a hexidecimal color code like this "ColorOn('#63639C');"

This script looks good, works well and makes your text links stand out.

Hypergurl Hosting

IMPROVED PLANS
FREE Domain Name
Click for more info!

Home