We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
MODX Community Forums Archive

OT: Menus like on Avid.com

    • 13736
    • 345 Posts
    jbjones Reply #1, 20 years, 1 month ago
    This is a bit off topic I suppose, but perhaps someone can pont me in the right direction

    www.avid.com

    I need a menu system that functions like the one at Avid.com where you hover over a category and the sub menu appears and stays reguardless of where you move the mouse on the rest of the page.

    Anyone know how this is done? Aware of any tutorials out there?





      • 28042 ☆ A M B ☆
      • 24,524 Posts
      sottwell Reply #2, 20 years, 1 month ago
      That’s a javascript menu. Looks like an in-house script; you could ask them about using it. It’s pretty simple, though, it basically just uses javascript to set the display:none/display:block of the child UL on mouseover of the parent.
        Studying MODX in the desert - http://sottwell.com
        Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
        Join the Slack Community - http://modx.org
        • 7923
        • 4,213 Posts
        doze Reply #3, 20 years, 1 month ago
        You know that Wayfinder comes with some cssplay menu examples bundled with it.. you might be interested to look at the dropline menu. It does not use javascript at all, only css.


          "He can have a lollipop any time he wants to. That's what it means to be a programmer."
          • 13736
          • 345 Posts
          jbjones Reply #4, 20 years, 1 month ago
          Ahh yes. I am familiar with that style menu in plain CSS. However I would like to find a way to keep the menu dropped untill another top level is hovered over. Then that one should stay dropped. I don’t really like how if your mouse moves just a hair to far you loose the whole menu and have to figure out where you were again.