jQuery Directional Plugin (Version 0.9 - Stable Beta)

A simple plugin for funky directional slide effect on rollover/click on elements

Here is a very simple demo

Examples

Here is a basic exemple

// minimum $('.my_elements').directionalSlide(); 

Here is a full options exemple

// full options $('.my_elements').directionalSlide( {     animateOnClick      : false,     // set to true if you prefer the click event rather than mousenter     normalElmt          : '.directional-slide-normal', // ClassName for the "normal" element      hoverElmt           : '.directional-slide-hover', // ClassName for the "hover" element      avoidTransforms     : true,     // set to true to prevent jQuery Enhancement Plugin bugs     reverseNormal       : false,    // set to true if you want to reverse animation of the "normal" element (repulsion effect)     reverseHover        : false,    // set to true if you want to reverse animation of the "hover" element (repulsion effect)     animateSpeed        : 800,      // animations speed (in ms) }); 

Cross-browser Compatibility

Chrome/Firefox/Safari and IE7+

License

Feel free to use it, just leave my copyright.

Copyright (c) 2011 Stéphane Guigné