showOnHover.js

Simple small 1 kb jQuery Plugin for create a hover effect.

Demo

http://masquerade-circus.creaken.com/Plugins/showOnHover/

How to use:

Call the plugin on the set of elements to add the effect.

Options:

    $(selector).showOnHover(options);
    $('elem').showOnHover({
        fx: 'fade',
        easingIn: 'swing',
        easingOut: 'swing',
        durationIn: 400,
        durationOut: 400,
        enter: function,
        complete: function,
        out: function,
        end: function
    });

Effects:

't' = top, 'b' = bottom, 'l' = left, 'r' = right, 'fade', 'hide'.

You can use any valid pair of position fx, example: 't', 'tr', 'rt', 'r', 'rb', 'br', 'b', 'bl', 'lb', 'l', 'lt', 'tl'.

You can't mix 'fade' and 'hide' with position fx in the options.

Easing:

For more advanced easing options you can use the Easing Plugin.

Legal

Author & copyright (c) 2013: Masquerade Circus Dual MIT & GPLv2 license