Forums

How to create a two level navigation bar like wsj.com? (6 posts)

  1. tjumail
    Member
    Posted 3 years ago #

    Hi folks,
    Firstly, many thanks to all of you who can give me a better solution:-)

    My requirements are:
    1. Two levels navigation.
    2. The second level should be always displayed.
    3. The active menu (both of the first and second level's menu) can be highlighted.
    4. After the mouse is moved out the navigation bar, the menu bar can automatically switch back to the actived menu bar.

    I want to create a navigation bar like: http://cn.wsj.com/gb/index.asp
    But my navigation bar can not display the second level if I move away my mouse----the second menu bar will be disappeared.
    So my question is:
    How to create a two levels horizontal navigation bar and the second level is always displayed.

  2. tjumail
    Member
    Posted 3 years ago #

    Hi friends,

    Is there anybody know how to create this kind of navigation menu?

    Many thanks,
    Alex Wang

  3. tjumail
    Member
    Posted 3 years ago #

    Hi all,

    Does anybody have a little bit suggestion for that?

  4. italianbull38
    Member
    Posted 3 years ago #

    I would also like this. I kind of need this for what i want to do with my site, thank you.

  5. e-sushi
    Member
    Posted 3 years ago #

    jQuery (which is also heavily used in the wordpress admin section) has some nice plugins that can create such a dynamic navigation.

    Just a quick example...

    Download: http://plugins.jquery.com/project/slidesubnav
    Demo: http://www.justjquery.com/lab/slidedemo/

    Change the hideonout: 'true' to hideonout: 'false' and you'll have that 2 level menu you all seem to hug here.

    Enjoy! ;)

    Ps: you can find the jQuery download and ample documentation at http://jquery.com

Topic Closed

This topic has been closed to new replies.

About this Topic