Script Categories

Messages >>> Hover Colors.

Make the links on your site more exciting by changing the link text and background color when the link is being touched. Each link on your page can have a unique link and background color.

JavaScript Editor

Add the below code to the <body> section of your page:

<script language="javascript" type="text/javascript">
/* Visit for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- Begin
function doColor(item, color, bg) {
document.getElementById(item).style.color = color; // changes text color
document.getElementById(item).style.backgroundColor = bg; // changes background

function undoColor(item) {
document.getElementById(item).style.color = ""; // sets color back to default
document.getElementById(item).style.backgroundColor = ""; // sets background to default
//  End -->
<a name="link1" id="link1" href="" onmouseover="doColor('link1', 'yellow','green');" onmouseout="undoColor('link1');">JavaScript Editor</a>
<br><br><a name="link2" id="link2" href="" onmouseover="doColor('link2', 'yellow','red');" onmouseout="undoColor('link2');"></a>

JavaScript Editor Get Advanced
JavaScript and Ajax Editor,
Validator and Debugger!

1st JavaScript Editor.

Code was highlighted by 1st JavaScript Editor (The Best JavaScript Editor!).