/ best free open source web resources /

Graphic Resources

Sexy Sliding Javascript Menu With Mootools

Posted · Category: License Free, Menu

When trying to conceive ways in which space could be saved on a web page Andy Sellick decided a sliding menu would work well as shown in the images below. He decided to use mootools due to the smoothness of their effects, however, this could just as easily be developed in script.aculo.us or other JavaScript libraries.


You can easily customise the look of the sliding menu by CSS. However there may be some CSS issues in Safari but as yet he haven’t had the time to fully test and fix potential bugs. The next pitfall to note is the lack of degradability with JavaScript turned off, however, this will be fixed very soon.

Requirements: Javascript Enabled and Mootools Framework
Demo: http://www.andrewsellick.com/examples/sliding-side-bar/
License: License Free

  • Looks good.

  • Nice…
    But it jumps for me – could it be because I’m on Safari?

  • Not ideal for professional use.

  • @Brian: As stated in the post, there are some issues with the script in Safari, so that is most likely why you’re experiencing that “jump”.

    As for the menu: it’s a nice concept, although having text such as “Click here to expand menu”, or something of the like, would be a good idea in order to ensure that users understand how to use it. I’m not sure if I’d like the idea of using it for a primary navigational area, but it could probably be used effectively for displaying a contact form, donate to us form, etc. I may end up using it for that very purpose sometime. Thanks for sharing.

  • jannica

    looks good huh. fabulous!

  • Is there also any jQuery variation of this scripts?

Supported By


Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons