プロパティ一覧
フェードイン/フェードアウトはよく出てくるものですが、他のメソッドやプロパティはどんなものがあるのでしょうか。次に、プロパティとメソッドに分けて紹介します。
例題にあるもの以外のプロパティの一覧表を示します。
| プロパティ | 概要 | |
| direction | 繰り返しの時の動作 | |
| 設定値 | 概要 | |
| nomal | 指定動作の繰り返し | |
| alternate | 逆の動作と交互に繰り返し | |
| easing | アニメーション効果の指定 | |
| 設定値 | 概要 | |
| Y.Easing.easeOut | 最初は早く終わりで減速 | |
| Y.Easing.elasticBoth | スナップを効かせた動き | |
| elapsedTime | 経過時間(ミリ秒)を取得 | |
| iterationCount | 繰返回数取得 | |
| iterations | 繰り返し回数を指定 | |
| paused | 現在停止しているかの確認(動作中の時間帯での停止でtrue) | |
| running | 現在動いているかの確認(動作中でtrue) | |
プロパティの指定と取得の書き方をリスト2に示します。
//プロパティの指定
var anim = new Y.Anim({
node: '#demo',
direction:'alternate', //(1)
iterations:3,
easing:Y.Easing.easeOut,
});
//プロパティの取得
Y.one('#demo').set('text',anim.get('running')); //(2)
(1)のように「プロパティ:指定データ」で指定します。取得は(2)のように、オブジェクト.get('プロパティ')のように書きます。
メソッド一覧
メソッドはrun以外に以下のものがあります。
| メソッド | 概要 | 書き方 |
| pause | 動作を止める | anim.pause() |
| stop | 動作を終了する | anim.stop() |
以上、モジュールanimの紹介でした。アニメーション処理のみ使っての作成でも面白いサイトができあがるのではないでしょうか。
