[thelist] jscipt mouseover
Tim Kuhn
tim.kuhn at wamu.net
Wed Jun 20 13:27:49 CDT 2001
Hi all. I have a simple question about jscript mouseovers. I have a
navbar with 5 or so links on it. What I want is to mouseover an image on
the bar and another image pop up in the same place and same size. I
have that now with one link and image but when I put multiple links on
all the pop up images appear over the last link. How do I prevent this?
Here is a snippet of the code in it's rough state, as the initial image
is the same for all the links.
<table cellSpacing="0" cellPadding="1" width="100%" border="0">
<tr width="10%" valign="center">
<td>
<a href="home.html" target="wwscc"
onMouseOver="document.images['logo'].src='images/home.gif'"
onmouseOut="document.images['logo'].src='images/home2.jpg'">
<img name="logo" src="images/home2.jpg" height="28" width="60"
border="0">
</a></td>
</tr>
<tr>
<td>
<a href="calendar.html" target="wwscc"
onMouseOver="document.images['logo'].src='images/calendar.gif'"
onmouseOut="document.images['logo'].src='images/calendar2'">
<img name="logo" src="images/home1.jpg" height="28" width="50"
border="0">
</a></h3></td>
</tr>
<tr>
<td>
<a href="directions.html" target="wwscc"
onMouseOver="document.images['logo'].src='images/directions.gif'"
onmouseOut="document.images['logo'].src='images/directions2.jpg'">
<img name="logo" src="images/home2.jpg" height="28" width="50"
border="0">
</a></td>
</tr>
Thanks to all that take the time to respond as I am new at this and
need a little help.
More information about the thelist
mailing list