In this tutorial I would like to go over how to create a sexy drop down menu that can also degrade gracefully.

So, in this tutorial, we will learn how to create a scroll menu. We will achieve the following objectives:

Keep html as simple as possible, and let jQuery and CSS do the rest.
Scoll up and down according to mouse-Y axis
Use jQuery.color plugin to animate the background-color changes – download jQuery.color
(Yes, you will need this to animate the background color, I thought it will do it by default, obviously it doesn’t! )

In this web design and development tutorial, you’ll get a walkthrough for creating a “Call to Action” button sprite in Photoshop as well as how to use jQuery to animate it. This tutorial is broken up into three sections: Photoshop, HTML/CSS, and JavaScript.

CSS sprites can dramatically increase a website’s performance, and with jQuery, we can implement awesome transition effects easily. Let’s get started with the tutorial.