Script Categories













Background Effects >>> Cell Background Changer.

Changes the background color of a table's TD cell and the mouse cursor to a hand (IE) when you hover over the cell. Clicking acts like a normal link.

Item 1 | Item 2 | Item 3

Step 1: Add the below code to the <BODY> section of your page:

<script language="javascript" type="text/javascript">
/* Visit http://www.yaldex.com/ for full source code
and get more free JavaScript, CSS and DHTML scripts! */
function MakeCursor(Id)
{
    var isNS = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 4));
    var obj=document.getElementById(Id).style;
    if (isNS)
    {
        obj.cursor='default';
    }
    else
    {
        obj.cursor='hand';
    }
}
</script>

<table align="center" border=0 cellpadding=0 cellspacing=0>
<tr>
<td
id="Link1" onmouseover="bgColor='blue';MakeCursor(this.id)" onClick="window.location='http://yaldex.com/JSFactory_Pro.htm'" onmouseout="bgColor='#FFFFFF'" bgcolor="#FFFFFF" width="100" align="center" valign="center"><b>
Item 1</b></td>

<td
width="1" align="center">|</td>

<td
id="Link2" onmouseover="bgColor='blue';MakeCursor(this.id)" onClick="window.location='http://yaldex.com/JSFactory.htm'" onmouseout="bgColor='#FFFFFF'" bgcolor="#FFFFFF" width="100" align="center" valign="center"><b>
Item 2</b></td>

<td
width="1" align="center">|</td>

<td
id="Link3" onmouseover="bgColor='blue';MakeCursor(this.id)" onClick="window.location='http://yaldex.com'" onmouseout="bgColor='#FFFFFF'" bgcolor="#FFFFFF" width="100" align="center" valign="center"><b>
Item 3</b></td>

</tr>
</table>

Get Advanced
JavaScript and Ajax Editor,
Validator and Debugger!

1st JavaScript Editor.



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




©