jQuery BubbleUp for Spice Up Your Menu
BubbleUp is a jQuery plugin released from a jQuery tutorial Learning jQuery: Your First jQuery Plugin,which helps you to create your first jQuery plugin. It's not just for demonstration, it's useable. With BubbleUP, images in a list will enlarge with a smooth animation when you move your mouse over it. Then, if you move the mouse out, it will reset to the original size with the same smooth animation. Imagine the Mac Dock effect, although this plugin's effect is not awesome like that, it's light weight for such a similar zooming effect.
- Your menu will be scaled in any size via the option.
- You decide to enable the tooltip or not.
- The tooltip would be customizable by font, size and color.
- The speed of the transition (in/out) can be controlled.
Make sure you already implement jQuery library. I recommend to use jQuery hosted from Google:
To make the plugin work, we need to use this code below. You can insert it anywhere you want as long as itâ€™s inside the <head> or <body> tags:
Another example with option enable:
You might also like
accordion accordion menu animation navigation animation navigation menu buttons carousel checkbox inputs css3 css3 menu css3 navigation date picker dialog drag drop drop down menu drop down navigation menu elastic navigation form gallery glide navigation horizontal navigation menu hover effect image gallery image hover image lightbox image scroller image slideshow multi-level navigation menus rating select dependent select list slide image slider menu stylish form table tabs text effect text scroller tooltips tree menu vertical navigation menu