MelonHTML5 – Sliding Menu


MelonHTML5 - Sliding Menu
© Copyright by MelonHTML5


  • None: None
  • Jquery: jQuery
  • No: No
  • Ie7, ie8, ie9, ie10, firefox, safari, opera, chrome: IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome
  • Javascript js, html, css, layered png: JavaScript JS, HTML, CSS, Layered PNG



Sliding Menu is a menu plugin that fits any websites. It comes with its unique sliding design and plenty of API options allowing you to customize it. All browsers and mobile devices are supported. It works best in Firefox, Chrome, IE10+, Safari and Opera, and are also fully functional in IE7, 8, 9 with slightly difference: no CSS3 animations and 45 degree rotation.

Please give it quick rating if you like this. If you have any suggestions/feature request or you find a bug, you are more than welcome to contact me and I’ll address them ASAP.

Live Demo


  • Use normal links or JavaScript callback (AJAX)
  • 3 Different CSS3 Animations
  • Keyboard, Mouse Wheel or Slidng Control
  • Plenty of API options to customize it to suit any websites:
    • Set default selected menu
    • Set whether menu is closed or open by default
    • Change size of menu square
    • Change animation type
    • Change label width
  • Mobile Device Support


v1.00 @ 03 Feb 2013

Initial release