Best Download Sites Login
Site Login

Hover Text And Background Colors

Description
Use Javascript to make the links on your site more exciting by changing the link text and background color when the link is hovered over. Each link on your page can have a unique link and background color....View A Script Demo


Do you find it confusing setting up these script?
Java Scripts Magic can do all the hard work for you all At The Touch Of A Button.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<LINK href="general.css" rel="stylesheet" type="text/css">
<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Alan Branch (webman58@aol.com) -->
<!-- Web Site:  http://www.technom.com -->
<!-- Begin
function doColor(item, color, bg) {
item.style.color = color; // changes text color
item.style.backgroundColor = bg; // changes background
}

function undoColor(item) {
item.style.color = "#000000"; // sets color back to black
item.style.backgroundColor = ""; // sets background to default
}
//  End -->
</script>

</HEAD>

<BODY Background=../graphics/grayback.jpg>
<center><BR><BR><BR>
<!-- With each link, be sure to use the doColor and    -->
<!-- undoColor() functions.  In the doColor() part,    -->
<!-- link1 is the name you gave to the link initially, -->
<!-- a name="link1"  and  'yellow' is the hover text   -->
<!-- text color, and 'black' is the hover background.  -->

<a name="link1" href="http://www.url1.com/" onmouseover="doColor(link1, 'yellow','black');" onmouseout="undoColor(link1);">url1.com</a>
<p>
<a name="link2" href="http://www.url2.com/" onmouseover="doColor(link2, 'blue','red');" onmouseout="undoColor(link2);">url2.com</a>


</center>
</BODY>
</HTML>
 

Business Proposal If you have a Business Proposal that you think may be of interest to us here at Best Download Sites please contact us to discuss the matter in further detail