highlight.code

<html>
<head>
<title>add Mouse Over to your Pages by help4web</title>
<script language="JavaScript"><!--
// Checking the browser version
browserversion = parseInt(navigator.appVersion);
if (browserversion >= 3) ver = "n3";
else ver = "n2";
// create global variables to store the images
if (ver == "n3") {
var img1 = new Image();
var img2 = new Image();
var img3 = new Image();
var img4 = new Image();
var img5 = new Image();
}
// preload images
function preload() {
if (ver == "n3") {
img1.src = "images/home-b.gif";
img2.src = "images/news-b.gif";
img3.src = "images/gb-b.gif";
img4.src = "images/links-b.gif";
img5.src = "images/help-b.gif";
}
}
// highlight a link
function highlight(img) {
if (ver == "n3") {
document[img].src = img + "-b.gif";
}
}
// Un-highlight a link
function unhighlight(img) {
if (ver == "n3") {
document[img].src = img + "-a.gif";
}
}
// -->
</script>
</head>
<body onload="preload();">
<table border="0" cellspacing="5" cellpadding="0">
<tr>
<td>
<center>
<a href="news.html" onmouseover="highlight ('images/news'); window.status='News' ; return true " onmouseout="unhighlight('images/news');"><img src="images/news-a.gif" alt="news" width="70" height="35" border="0" align="top" name="images/news"></a> </center>
</td>
<td>
<center>
<a href="index.html" onmouseover="highlight ('images/home'); window.status='Home' ; return true " onmouseout="unhighlight('images/home');"><img src="images/home-a.gif" alt="home" width="70" height="35" border="0" align="top" name="images/home"></a> </center>
</td>
<td>
<center>
<a href="help.html" onmouseover="highlight ('images/help'); window.status='Help' ; return true " onmouseout="unhighlight('images/help');"><img src="images/help-a.gif" alt="help" width="70" height="35" border="0" align="top" name="images/help"></a> </center>
</td>
<td>
<center>
<a href="guestbook.html" onmouseover="highlight ('images/gb'); window.status='Guestbook' ; return true " onmouseout="unhighlight('images/gb');"><img src="images/gb-a.gif" alt="guestbook" width="70" height="35" border="0" align="top" name="images/gb"></a></center>
</td>
<td>
<center>
<a href="limks.html" onmouseover="highlight ('images/links'); window.status='Links' ; return true " onmouseout="unhighlight('images/links');"><img src="images/links-a.gif" alt="links" width="70" height="35" border="0" align="top" name="images/links"></a> </center>
</td>
</tr>
</table>
</body>
</html>


back