Skip to content
A jQuery plugin used for archive an element to another with fly animation
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
LICENSE
README.md
index.html
jquery.flyerArchive.js

README.md

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 can’t perform that action at this time.