Today we want to share another jQuery menu with you. This menu will have several panels, each one corresponding to a different background image that will show on all panels when we hover over a panel label. Also, a submenu will slide out from the bottom. This menu comes with some configuration possibilities, such as the size of the image, the hover effect and custom default states.
The idea of this navigation is based on the Beautiful Background Image Navigation with jQuery, a tutorial that had a similar effect. Since it was very popular and a lot of our readers asked for some very useful additions, we decided to revamp it and make it easier to customize.
-
Sliding Background Image Menu with jQuery
a submenu will slide out from the bottom. This menu comes with some configuration possibilities, such as the size of the image, the hover effect and custom default states.
-
Chop Slider :: CSS3 animation
This awesome slider with a chopping effect was last updated on June 20, 2011. The ChopSlider uses full power of CSS3 animation
-
Sliding Letters with jQuery
the standard hover effect by playing around with the letters in an anchor word. The aim is to slide in letter by letter when hovering over a link element.
-
PIROBOX EXTENDED V.1.0 - jQuery plugin
Browser compatibility = FireFox 2+, Opera9.5+, Chrome, Safari (Mac/Windows),IE 7+, Pirobox can be fun and usefull for you. Enjoy the code with jQuery
-
Advanced jQuery Full screen background image slideshow
Start up your HTML/CSS/jQuery editor and let's see how you can create this effect yourself!
Wednesday, July 6, 2011
Sliding Background Image Menu with jQuery
Labels:
jquery,
jQuery Sideshow,
jquery slider,
jquery Transitions,
Web
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment