SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    May 2007
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

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

    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>

  2. #2
    SitePoint Enthusiast
    Join Date
    May 2007
    Posts
    28
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Use can set two commands like this:

    Code:
    <a href="#" onmouseover="javascript: document.a.src='monument.jpg'; this.style.color='red';" on mouseout="document.a.src='QA.jpg'">Monument</a>
    For script for horizontal menus see: http://dynamicdrive.com/dynamicindex1/index.html
    PHP Functions Class/Php Stuff: php-classes-functions.blogspot.com
    SMS World: sms-treasure.blogspot.com
    Finance Business India: financebusinessindia.blogspot.com
    Retail Market India: retailmarketindia.blogspot.com


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •