15 Awesome Examples and Tutorials Slide Animated Menu

written by aext on September 20, 2009 in Roundup with 21 comments

Do you love the slided menu likes a lot of flash websites are using? Do you know you can create the same effect by using javascript such as: jQuery, Mootools. I would like to recommend you a list that provides you 15 examples of websites using javascript slide menu and helpful tutorials that help you build this menu. Enjoy this list!

Examples


1. EyeDraw.eu

eyedraw.eu - Awesome Kwicks Menu jQuery

Smooth animated menu using Kwicks jQuery Plugin. I love this one so much! Enjoy viewing!

2. Hard2Find.com.au

hard2find.com.au - Awesome Kwicks Menu jQuery copy

Beautiful shop with animated menu.

3. Lifestylesports.cz

lifestylesports.cz - nice kwicks menu with title

Nice animated menu using Kwicks with title. Image was slided with nice slowly effect.

4. Kriesi.at

kriesi.at - Awesome Kwicks Menu jQuery

Creative sprites image menu using kwicks.

5. Gozipline.com

gozipline.com - Awesome Kwicks Menu jQuery

Simple but nice floating menu using Kwicks plugin

6. Madebyelephant.com

madebyelephant.com - not kwicks but awesome

Nice image transforming effect.

Tutorials:


1. LOVE – Creative Kwicks jQuery Plugin

jeremymartin.name - creative kwicks

2. Designreviver – jQuery Examples – Horizontal Accordion

Designreviver - jQuery Examples – Horizontal Accordion

3. AEXT.NET – Kwicks for jQuery and an awesome horizontal animated menu

aext.net - Kwicks for jQuery and an awesome horizontal animated menu

4. Kriesi.at – Create an apple style menu and improve it via jQuery

kriesi.at - Create an apple style menu and improve it via jQuery

Create an apple style menu and improve it via jQuery

5. DavidWalsh.name – Get Slick with MooTools Kwicks

davidwalsh - Get Slick with MooTools Kwicks Example

6. Portalzine.de – jQuery – Horizontal Accordion

jQuery - Horizontal Accordion

This accordion uses custom handle content images and handles are aligned to the left.

7. Web Gurus Design Blog – jQuery Kwicks and CSS Image Sprites Tutorial

Web Gurus Design Blog - jQuery Kwicks and CSS Image Sprites Tutorial

Just be creative horizontal floating menu with Kwicks Plugin.

8. Alohatechsupport.net – Creating a Smooth Image Menu with Jquery

alohatechsupport.net - Creating a Smooth Image Menu with Jquery

Enjoy an Image Menu sliding effect for Jquery.

9. Commadelimited.com

commadelimited.com - nice kwick effect with slide panel

Nice Kwicks effect with slide panels.