I'm having some issues getting my menu to work right. I'm trying to make it so that when the top of a given category has the mouse over it, it creates a flydown of the submenu. Also, on the mouseover of both the top menu and submenus, i want it to go from pictureA.jpg to pictureB.jpg. I have part of the code below.
After trying to look up some solutions last night, I edited the code in order to try and get this to work. When it didn't, I gave up for the night and figured I'd try it again today. I still can't figure it out.
<style type="text/css">
body { }
table { background-color: #000000; border-style: none }
a.noDecor { text-decoration: none }
table.noShow {visibility:hidden; position:absolute }
accessoriesA=new Image
accessoriesA.src="../assets/navBar/interior/interiorAccessoriesA.png"
accessoriesB=new Image
accessoriesB.src="../assets/navBar/interior/interiorAccessoriesB.png"
</style>
</head>
<body bgcolor="#000000">
<table width="100%">
<tr valign="top">
<td align="center">
<div align="center"><img src="../assets/pageTitles/aboutUsTitle.png" /></div><br />
</td><br /><br />
</tr>
<tr valign="top">
<!-- ********** BEGIN NAVIGATION BAR ******************************************************* -->
<!-- *************************************************************************************** -->
<td align="center" />
<table width="100%" align="center">
<tr valign="top">
<td align="center" onmouseover="document.getElementById('interior')
.style.visibility='visible';"
onmouseout="document.getElementById('interior')
.style.visibility='hidden';">
<a href="" class="noDecor">
<img src="../assets/navBar/interior/interiorA.png" alt="Interior" /><br />
<table class="noShow" id="interior" cellspacing="0" cellpadding="0" border="0">
<tr><td>
<a href="../interior/interiorAccessories.html"
onMouseOver="document.picture.src=accessoriesB.src"
onMouseOut="document.picture.src=accessoriesA.src">
<img name="picture" src="../assets/navBar/interior/interiorAccessoriesA.png" alt="Interior Accessories" />
</a></td></tr>
<tr><td>
<a href="../interior/interiorAudio.html">
<img src="../assets/navBar/interior/interiorAudioA.png" alt="Audio Components" />
</a></td></tr>
<tr><td>
<a href="../interior/interiorCarpet.html">
<img src="../assets/navBar/interior/interiorCarpetA.png" alt="Carpeting" />
</a></td></tr>Thanks for any help on this one,
kahaj