Need help creating a drop down navigation menu

Discussion in 'Web Design and Development' started by buymeaniphone, Nov 19, 2009.

  1. buymeaniphone macrumors 6502

    buymeaniphone

    Joined:
    Feb 8, 2007
    Location:
    San Antonio, Texas
    #1
    I'm trying to accomplish the same navigation that you can see on this site. I'm not sure where to start or what to search in Google. I'm assuming it can be done with JavaScript. Any suggestions? Thanks
     
  2. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #2
    CSSplay is a nice web site with some good CSS to help you create menus. I keep it bookmarked for inspiration. There's a lot to look through and I didn't take the time to try and find a specific one for this effect, but it's worth a look see.

    Edit: The Multi-Level Dropline category looks like the type you want.
     
  3. stargazer214 macrumors newbie

    Joined:
    Nov 26, 2009
    #3
    Dude, just google it. Type drop down navigation menu tips or tricks or hack. I'm sure a lot of pages will appear. I guess those sites can explain it better to you step-by-stey with images rather than explaining each process here in the forum.. :)
     
  4. alexk82 macrumors regular

    Joined:
    Nov 30, 2009
    Location:
    East Coast
    #5
    yui

    YUI has some menu stuff so does http://script.aculo.us/. but thats some pretty easy javascript hide/show div and image stuff.

    something like onMouseOver="javascript:show(this)"

    function show(this) {
    // this set to new image
    // this.child ie the menu bar hide the old version show the new one
    }
     
  5. ddh716 macrumors newbie

    Joined:
    Nov 18, 2009
    #6
    jQuery

    I agree with iPodRocker. Check out jQuery. There are tons of different jQuery menu tools out there - and they are easy to implement. There's also lots of support for jQuery - both online and a few books. Good luck!
     
  6. oTechnology macrumors newbie

    Joined:
    Jan 3, 2010
    #7
    Hey Omar, this can be done in Javascript and HTML

    go to www.iwebunlimited.com
    It is in one of his tutorials :)



    ____________________
    www.otechnology.tk
     

Share This Page