🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A jQuery plugin used for archive an element to another with fly animation.

Animation Plugins

Documentation

flyerArchive

A jQuery plugin used for archive an element to another with fly animation

There is a demo on: http://whusnoopy.github.io/flyerArchive

Usage

After import this plugin, just use .flyerArchive() to affect the animation on any element you want.

The following command can fly the file-wrap block on github project page to top-right user links in navbar.

$(".file-wrap").flyerArchive({backgroundColor: "#c33", flyTarget: $("#user-links")});

Options

Parameter Default Description
startOffset this.offset() flyer start from { top: top, left: left }
foldTime 500 how long the fold animation act (ms)
foldHeight "16px" fold block height
foldWidth "16px" fold block width
foldRadius "4px" fold block border-radius
flyTime 500 how long the fly animation act (ms)
flyTarget $("body") where for fly target
backgroundColor this.css("backgroundColor") the background color for animation element (cause most element with a white or blank background color, this parameter should set manually in recommendation)

You May Also Like