This page is filled with demos showing off many of the available options and possibilities for the jQuery HoverUp plugin.
Just hover over the boxes to get a feel of what HoverUp is capable of.
Ready to start playing yourself? Have a look at the source code of this page.
The caption styles are set via different CSS classes.
The options for HoverUp are passed along via the
class attribute of the box, via the jQuery Metadata plugin.
Basic caption using the default options
The content shifts too, creating a subtle effect
Creating a sliding effect
Look at me! I'm up here! Coming in with a bouncy effect.
shiftContent:-40 and slower
Caption with icon
You are free to style a caption the way you want.
This caption has an icon and is a bit higher.
Camera icon by Oxygen Team.
This caption will hide on hover.
©2010 Photo by John Doe
doesn't work on images only.
As you can see this box could contain any arbitrary HTML.
The size of each box can vary as well.
How cool is that? Very.
Use HoverUp on HTML boxes too
HoverUp has been designed with flexibility in mind. Yay!
I mean, look at the colors of this caption. Ahum.