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 Active Member OT Supporter

    Jun 26, 2006
    Likes Received:
    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:

    <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