Create a horizontal scroll menu that scroll automatically according to your mouse axis-Y movement. This tutorial will cover some jquery tips, tricks, and plugin.


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! )

Horizontal Scroll Menu with jQuery Tutorial Web Site
Horizontal Scroll Menu with jQuery Tutorial Demo
Horizontal Scroll Menu with jQuery Tutorial Download

Share and Enjoy:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks

One Response to “Horizontal Scroll Menu with jQuery Tutorial”

  1. Dominic says:

    Hi,

    This is a little off topic, but I can’t help loving your tag cloud! can you tell me where you got it from or how I can get one?

Leave a Reply

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>