Create A drop down main nvigation menu when cursor rolls over an image

  • scott77

    (@scott77)


    10 years, 6 months ago

    How do I make a main navigation menu appear when a logo image is rolled over with the cursor? It would be similar to the menu on this website http://saisonsf.com/ when you roll over the top left corner of the page.

    Only difference would be that the logo image would always be visible and the nav menu would drop down below the image when you roll the cursor over the the logo.

    thanks in advance,
    Scott

Viewing 1 replies (of 1 total)
  • Moderator bcworkz

    (@bcworkz)

    10 years, 6 months ago

    Setup the page such that the layout would not change whether the menu is visible or not. (z-index?) The default state would be display: none;. Then onmouseover event for the image toggle the state to display: inline; or whatever it should normally be. If you want, you could then toggle the style back to none again onmouseout event for the menu container.

Viewing 1 replies (of 1 total)
  • The topic ‘Create A drop down main nvigation menu when cursor rolls over an image’ is closed to new replies.