New jQuery plugin: “Fly Off Page”
There is a new jQuery plugin, it’s called "Fly Off Page". It will take selected elements and make them fly (not literally) off the page in a random or pre-defined direction. Customizable options include duration (of the animation), direction, tween (extend animation) and ‘retainSpace’ which allows you to retain, disregard or animate-out the space that the specified element once took up.
Available options:
Duration: The amount of time (in milliseconds) over which the animation will run. For example:
$(elem).flyOffPage({ duration: 400 // 400 milliseconds (0.4 seconds) });
- Direction: The selected element will fly off the page in this direction.
- ‘top’, ‘right’, ‘btm’, ‘left’
- ‘topLeft’, ‘topRight’, ‘btmLeft’, ‘btmRight’
- ‘random’
- Tween: You can add your own tweens to the animation. For example:
$(elem).flyOffPage({ tween: { opacity: 0 } });
retainSpace: This can be set to true/false or an object which will be ran as an animation on the placeholder. For example:
$(elem).flyOffPage({ retainSpace: { height: 0, width: 0 } });
You might also like
Tags
accordion accordion menu animation navigation animation navigation menu carousel checkbox inputs css3 css3 menu css3 navigation date picker dialog drag drop drop down menu drop down navigation menu elastic navigation form form validation 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