Image Menu with Jquery

Creating a Smooth Image Menu with Jquery
I have always thought that imagemenu sliding effect is really cool and that it would be nice if it worked with jQuery. Introducing a Mootools image menu ported to Jquery. If you have ever seen the image menu javascript for mootools by phatfusion and liked what you saw well here is a Sliding Image Menu alternative I’ve come up with using the power of jquery javascript.

Functionality Checklist for our Sliding Image Menu for Jquery.
Here is what we need our Jquery horizontal sliding image menu to do:

Jquery compatible script.
Mootools like sliding effect.
Valid XHTML degrades well.
Lightweight customizable script.
For this Image Menu we will be using jQuery and jquery-easing effects. I ended up adapting two versions of the image menu and will start with the more basic and straightforward one first. For the purposes of helping visualize this demo I am using the same images found in the original Mootools ImageMenu.
Let’s take a look at the XHTML, CSS, and JavaScript that makes it all work.