PDA

Click to See Complete Forum and Search --> : Mouse Overs Part II

Kaisa
12-31-2002, 08:11 PM
I know i have been asking a lot for mouse overs but now i wonder if you can make where when ever the mouse moves over a link a image pops up on the left like a arrow and when you move down to the next link the arrow moves down near that link kind of like on Final fantasy menus but won't you only need like <body onmouseover="" ?
Zach Elfers
12-31-2002, 10:45 PM
You can do that, like this:

<script language="JavaScript" type="text/JavaScript">

// Preload the images
arrow = new Image(width, height);
arrow.src = "arrow.gif";
blank = new Image(width, height);
blank.src = "blank.gif";

</script>

<a href="page.html" onMouseOver="document.changeImg1.src='arrow.gif';" onMoseOut="document.changeImg1.src='blank.gif';">Link 1</a> <img src="blank.gif" name="changeImg1">
<br>
<a href="page.html" onMouseOver="document.changeImg2.src='arrow.gif';" onMouseOut="document.changeImg2.src='blank.gif';">Link 2</a> <img src="blank.gif" name="changeImg2">

Just repeat that for all the links you have.