0

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

1
Contributor
1
Reply
2
Views
7 Years
Discussion Span
Last Post by kahaj
This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.