My main navigation

Since the article Navigation Menus: Trends and Examples was released on Smashing Magazine in February, I got quite a number of mails from fellow designers, who asked how to accomplish the sliding effect of my main menu. Even enough mails, that I thought about writing a little tutorial, but I must admit I am to lazy at the moment =)

mootools.netAnyways, here are some tips for creating a similar menu: Head over to and get a little familiar with this extraordinary Javascript Framework. In the demo section of the page, you will find a sub-menu entry called Fx-Elements which contains everything you need to build a so called “kwick menu”. By analyzing the HTML, CSS and Javascript you should be able to accomplish similar menus in almost no time.

jquery.comThose who use Jquery (which is my prefered Framework atm, because of the steeper learning curve) can use the plugin, recently written by Jeremy Martin at jMars blog. I haven’t tested it for now but looking at the preview examples, it seems to work pretty well.

Hope I could help those of you who seek aid in creating a similar menu.

Update: I am using jQuery now, as well as jMars Kwicks plugin and it works like a charm ;)

3 replies
  1. Jeremy Martin
    Jeremy Martin says:

    Wow – you have a stunning website. Thanks so much for the mention! If you ever switch this site over to jQuery, let me know. I’d love to showcase your menu!

Comments are closed.