|
Background Effects >>>
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.
Step 1: Add the below code to the <BODY> section of your page:
|
<script
language="javascript"
type="text/javascript">
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>
|
|
