Skip to content

Masquerade-Circus/showOnHover.js

Repository files navigation

showOnHover.js

Simple small 1 kb jQuery Plugin for create hover effects.

Demo

http://masquerade-circus.net/myPlugins/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

About

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

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors