MouseOver here - RollOver There



Put your thingie here

<HTML><br />
<HEAD><TITLE>MouseOver here - RollOver There</TITLE><br />
</HEAD><br />

<SCRIPT LANGUAGE="Javascript"><br />

<!--//<br />

<br />
browser_name = navigator.appName;<br />
browser_version = parseFloat(navigator.appVersion); <br />

if (browser_name == "Netscape" && browser_version >= 3.0) { roll = 'true'; }<br />
else if (browser_name == "Microsoft Internet Explorer" && browser_version >= 3.0) { roll = 'true'; }<br />
else { roll = 'false'; }<br />

// the functions below are changeable to the number of images you want to <br />
// control with one MouseOver. <br />

function msover(img1,ref1,img2,ref2,img3,ref3) { <br />
	if (roll == 'true') {<br />
 		document.images[img1].src = ref1; <br />
		document.images[img2].src = ref2;<br />
		document.images[img3].src = ref3;<br />
	}<br />
}<br />
function msout(img1,ref1,img2,ref2,img3,ref3) { <br />
	if (roll == 'true') { <br />
		document.images[img1].src = ref1;<br />
		document.images[img2].src = ref2;<br />
		document.images[img3].src = ref3;<br />
	} <br />
}<br />

// Preloading images<br />

if (roll=='true')<br />
{<br />
a1=new Image(50,50);a1.src="rcc1-on.gif";<br />
a2=new Image(50,50);a2.src="rcc2-on.gif";<br />
a3=new Image(50,50);a3.src="rcc3-on.gif";<br />
a4=new Image(50,50);a4.src="rcc1-off.gif";<br />
a5=new Image(50,50);a5.src="rcc2-off.gif";<br />
a6=new Image(50,50);a6.src="rcc3-off.gif";<br />
}<br />
	<br />
//--><br />

</SCRIPT><br />

<CENTER><br />
<TABLE><br />
<TR><br />

<TD><IMG NAME="ref1" WIDTH=50 HEIGHT=50 SRC="rcc1-off.gif"></TD><br />

<TD>      </TD><br />

<TD><IMG NAME="ref2" WIDTH=50 HEIGHT=50 SRC="rcc2-off.gif"></TD><br />

<TD>      </TD><br />

<TD><IMG NAME="ref3" WIDTH=50 HEIGHT=50 SRC="rcc3-off.gif"></TD><br />

</TR><br />
<TR><TD> <BR> </TD></TR><br />

<TR><br />
<TD COLSPAN=5><br />
<CENTER><br />

<A HREF="not goin anywhere" <br />
   onMouseOver="msover('ref1','rcc1-on.gif','ref2','rcc2-on.gif','ref3','rcc3-on.gif');"<br />
   onMouseOut="msout('ref1','rcc1-off.gif','ref2','rcc2-off.gif','ref3','rcc3-off.gif');"><br />

Put your thingie here<br />

</A><br />
</CENTER><br />
</TD><br />
</TR><br />
</TABLE><br />
</BODY><br />
</HTML><br />