Need one mouseover to change pic and start dropdown menu... help please

Discussion in 'OT Technology' started by brds, May 22, 2007.

  1. brds

    brds OT Supporter

    Joined:
    Jun 26, 2006
    Messages:
    17,650
    Likes Received:
    15
    Location:
    Atlanta
    I'm currently working on a project that contains two main parts: 1) a horizontal row of buttons and 2) an image below the buttons. When rolling over the buttons, I need two things to happen: 1) the below image to change and 2) a navigation menu to drop down from the button containing links that i specify. I can get picture to change on rollover no problem. However, since i'm a JS newbie to the max, I dont know how to make one rollover have two assigned tasks. Also, I have yet to find the online code for a horizontal dropdown bar... all the ones i've found are horizontal with the "dropdown" coming out of the side to the right.

    Can anybody tell me how i can make the image rollover have two functions? Also, can you point me to a good horizontal dropdown tutorial?

    Below is the code that i'm using to change the image portion when a button is rolled over:

    Code:
     
    <img src="QA.jpg".jpg" name="a" alt=""/><br />
    <a href="#" onmouseover="document.a.src='monument.jpg'" on mouseout="document.a.src='QA.jpg'">Monument</a>
    <a href="#" onmouseover="document.a.src='organization.jpg'" onmouseout="document.a.src='QA.jpg'">Organization</a>
    
     

Share This Page