Skip to content
chainAnimation.js は JSON データを受け取ってアニメーションをつなげる JavaScript ライブラリです。
HTML JavaScript
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
chainAnimation.js
example.html

README.md

chainAnimation

chainAnimation.js は JSON データを受け取ってアニメーションをつなげるライブラリです。

##Install

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.transit/0.9.9/jquery.transit.min.js"></script>
<script src="chainAnimation.js"></script>

##Example

var seen = [{
	'self'          : 'target object', //Animation target 
	'startState'    : { 'CSS Selector' : 'CSS Property' }, //Start CSS Style
	'endState'      : { 'CSS Selector' : 'CSS Property' }, //End CSS Style
	'type'          : String 'jQueryAnimate' or 'customFunc' or 'static' default = 'jQueryAnimate',
	'delay'         : Number,
	'duration'      : Number,
	'easing'        : String 'jQuery easing'
	'listenerObj'   : 'trigger object', //Trigger Object
	'listenerEvt'   : String, // Trigger Event
	'completeFunc'  : Function, //jQuery animation complete Event function
	'customFunc'    : Function //Custom funtion name
}];
chainAnimation(seen);
You can’t perform that action at this time.