Garage Door Style Menu with jQuery
Using a simple jQuery plugin, you can extend jQuerys animation capabilities to include animating the position of a background image. This tutorial uses that ability to create a “Garage Door” style menu, where “shutters” slide up and down on mouse hover to reveal something underneath.
Related Submissions:
- Thumbnails Navigation Gallery with jQuery In this tutorial we are going to create an extraordinary gallery with scrollable thumbnails that slide out from a navigation. We are going to use...
- jQuery Tip: Resources for Creating Your Own Plugins One of jQuerys great features is the ability for anyone to quickly and easily create a plugin. Today, we will have a look at some...
- CSS and jQuery Tutorial: Fancy Apple-Style Icon Slide Out Navigation This menu looks very similar to the Apple-style navigation but it reveals some icons when hovering over it. The icons slide out from the top...
- Extending CSS with jQuery To break in the new year (before everyone get’s drunk!), I thought I’d write a post about how jQuery helps us to extend CSS in...
- jQuery Photo Tagger Plugin For Flickr-Style Photo Tagging A few days ago, I programmed a little proof-of-concept for Flickr-style photo tagging using jQuery. I did it as an exploration in mouse-based event binding;...