15 Awesome Examples and Tutorials Slide Animated Menu

15 Awesome Examples and Tutorials Slide Animated Menu


Spread it!

  • Share

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.

Related Posts

  1. Kwicks for jQuery and an awesome horizontal animated menu
  2. Why Do We Love These 5 Fresh and Awesome jQuery Plugins?
  3. How jQuery is Killing Flash + jQuery Tutorials & Plugins to Beat Up Flash Animations
  4. Top Tutorials Are Worth Seeing of the Week – #1
  5. Top Worthwhile Tutorials of the Week – #3
  • Digg This Post
  • Tweet This Post
  • Stumble This Post
  • Submit This Post To Delicious
  • Submit This Post To Reddit
  • Submit This Post To Mixx
  • Share on your Facebook
  • Submit this post to Dzone
  • Submit this post to Designbump
  • Submit this post to TheWebBlend

Author: Lam Nguyen

I'm Lam Nguyen, a 21 year old web developer writing about everything related to web design. I am owner of AEXT.NET and WhoFreelance.com Web Community News. You can catch me on twitter.

Posted in: Inspiration
Tags: Animated Menu, jQuery, Kwicks, Kwicks Tutorial, Mootools, Mootools Tutorial, Slided Menu, Tutorial Collection


19 User Comments

  1. DENamit 20. Sep, 2009 at 5:11 pm #

    Блог отличный. Награду бы Вам за него или просто орден почета. :)

    Reply
  2. Rajesh anandakrishnan 20. Sep, 2009 at 5:41 pm #

    Nice collection of Menu’s

    Reply
  3. Ivan Mišić 22. Sep, 2009 at 2:52 am #

    Great examples. THX for shareing

    Reply
  4. Michael de`Oz 23. Oct, 2009 at 12:22 am #

    Keep up the good work!
    Best wishes

    Reply
  5. zizo 14. Nov, 2009 at 11:44 am #

    http://www.artgplus.com

    Reply
  6. Ebnat Syukur 11. Feb, 2010 at 8:48 am #

    nice collections

    Reply

Trackbacks/Pingbacks

  1. designfloat.com - 20. Sep, 2009

    15 Awesome Examples and Tutorials Slide Animated Menu…

    Enjoy the list of 15 examples of websites using javascript slided menu and helpful tutorials that help you build slide animated menu….
  2. Tweets that mention 15 Awesome Examples and Tutorials Slide Animated Menu | AEXT.NET -- Topsy.com - 20. Sep, 2009

    [...] This post was mentioned on Twitter by jQuery Tips and Web Development News. Web Development News said: 15 Awesome Examples and Tutorials Slide Animated Menu: Do you love the slided menu likes a lot.. http://bit.ly/J9Y73 #webdevelopment [...]
  3. 15 Awesome Examples and Tutorials Slide Animated Menu | AEXT.NET - 20. Sep, 2009

    [...] Originally posted here: 15 Awesome Examples and Tutorials Slide Animated Menu | AEXT.NET [...]
  4. 15 Awesome Examples and Tutorials Slide Animated Menu | AEXT.NET | www.kotihost.com - 21. Sep, 2009

    [...] the rest here: 15 Awesome Examples and Tutorials Slide Animated Menu | AEXT.NET Share and [...]
  5. 15 Awesome Examples and Tutorials Slide Animated Menu | Choose Daily - 21. Sep, 2009

    [...] 15 Awesome Examples and Tutorials Slide Animated Menu [...]
  6. 15 Awesome Examples and Tutorials Slide Animated Menu | Design Newz - 21. Sep, 2009

    [...] 15 Awesome Examples and Tutorials Slide Animated Menu [...]
  7. devmarks.com - 21. Sep, 2009

    15 Awesome Examples and Tutorials Slide Animated Menu…

    Enjoy the list of 15 examples of websites using javascript slided menu and helpful tutorials that help you build slide animated menu….
  8. tripwire magazine | tripwire magazine - 21. Sep, 2009

    [...] Follow this Adobe Illustrator walkthrough on the creation of a cute little vector monster character, beginning with a quick pencil sketch on paper. 15 Awesome Examples and Tutorials Slide Animated Menu [...]
  9. 30+ Very Useful Articles for Designers and Developers | tripwire magazine - 21. Sep, 2009

    [...] 15 Awesome Examples and Tutorials Slide Animated Menu [...]
  10. 15 Awesome Examples and Tutorials Slide Animated Menu | favSHARE.net - 21. Sep, 2009

    [...] Read the original article [...]
  11. 80+ Stunning Articles for Designers and Developers | tripwire magazine - 24. Sep, 2009

    [...] 15 Awesome Examples and Tutorials Slide Animated Menu [...]
  12. 80+ Stunning Articles for Designers and Developers | huibit05.com - 28. Sep, 2009

    [...] 15 Awesome Examples and Tutorials Slide Animated Menu [...]
  13. My Favorite Creative Links of the Week | Programming Blog - 11. Oct, 2009

    [...] 15 Awesome Examples and Tutorials Slide Animated Menu [...]

Leave a Reply

CommentLuv Enabled