Uncle Jim's Javascript Examples
Nested Rollover Example
INSTALLATION INSTRUCTIONS
COPY
-
Insert Between Head Tags: <HEAD></HEAD>
<SCRIPT LANGUAGE="JavaScript"> <!-- var IDIR="http://YOURDOMAIN.com/" function newImage(arg) { if (document.images) { rslt = new Image(); rslt.src = arg; return rslt; } } function changeImages() { if (document.images && (preloadFlag == true)) { for (var i=0; i<changeImages.arguments.length; i+=2) { document[changeImages.arguments[i]].src = IDIR + changeImages.arguments[i+1]; } } } var preloadFlag = false; function preloadImages() { if (document.images) { products_over = newImage("http://YOURDOMAIN.com/IMAGENAME.jpg"); support_over = newImage("http://YOURDOMAIN.com/IMAGENAME.jpg"); solutions_over = newImage("http://YOURDOMAIN.com/IMAGENAME.jpg"); services_over = newImage("http://YOURDOMAIN.com/IMAGENAME.jpg"); preloadFlag = true; } } preloadImages(); // --> </SCRIPT>
COPY
-
Insert Inside Body: <BODY></BODY>
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr><td align=center> <img src="http://YOURDOMAIN.com/IMAGENAME.jpg" width="400" height="70" name="rollover"><br> <a href="http://LINK1.html" onMouseOut="changeImages('rollover', 'http://YOURDOMAIN.com/IMAGENAME.jpg');" onMouseOver="changeImages('rollover', 'http://YOURDOMAIN.com/IMAGENAME.jpg');"> <img src="http://YOURDOMAIN.com/IMAGENAME.jpg" width="80" height="50" border="0"></a> <a href="http://YOURDOMAIN.com/LINK2.html" onMouseOut="changeImages('rollover', 'http://YOURDOMAIN.com/IMAGENAME.jpg');" onMouseOver="changeImages('rollover', 'http://YOURDOMAIN.com/IMAGENAME.jpg');"> <img src="http://YOURDOMAIN.com/IMAGENAME.jpg" width="80" height="50" border="0"></a> <a href="http://YOURDOMAIN.com/LINK3.html" onMouseOut="changeImages('rollover', 'http://YOURDOMAIN.com/IMAGENAME.jpg');" onMouseOver="changeImages('rollover', 'http://YOURDOMAIN.com/IMAGENAME.jpg');"> <img src="http://YOURDOMAIN.com/IMAGENAME.jpg" width="80" height="50" border="0"></a> <a href="http://YOURDOMAIN.com/LINK4.html" onMouseOut="changeImages('rollover', 'http://YOURDOMAIN.com/IMAGENAME.jpg');" onMouseOver="changeImages('rollover', 'http://YOURDOMAIN.com/IMAGENAME.jpg');"> <img src="http://YOURDOMAIN.com/IMAGENAME.jpg" width="80" height="50" border="0"></a> </td></tr></table>
Close This Window
