WebAppers

/ best free open source web resources /

Shopify

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.

sliding-menu.png

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

6 Comments
  • http://free-iphone-apple.blogspot.com mark

    Looks good.

  • http://plainbeta.com Brian Purkiss

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

  • http://www.XGhozt.com/ XGhozt

    Not ideal for professional use.

  • http://gamexe.net/ Daniel St. Jules

    @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!

  • http://www.thewallpapers.org Greg

    Is there also any jQuery variation of this scripts?

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons