Yahoo! UI Library3（YUI3）の動きを受け持つモジュール

Yahoo! UI Library Ver.3 を使ってみよう（4）

プロパティ一覧

　フェードイン／フェードアウトはよく出てくるものですが、他のメソッドやプロパティはどんなものがあるのでしょうか。次に、プロパティとメソッドに分けて紹介します。

　例題にあるもの以外のプロパティの一覧表を示します。

モジュールanimのプロパティ

プロパティ	概要
direction	繰り返しの時の動作
	設定値	概要
	nomal	指定動作の繰り返し
	alternate	逆の動作と交互に繰り返し
easing	アニメーション効果の指定
	設定値	概要
	Y.Easing.easeOut	最初は早く終わりで減速
	Y.Easing.elasticBoth	スナップを効かせた動き
elapsedTime	経過時間（ミリ秒）を取得
iterationCount	繰返回数取得
iterations	繰り返し回数を指定
paused	現在停止しているかの確認（動作中の時間帯での停止でtrue）
running	現在動いているかの確認（動作中でtrue）

　プロパティの指定と取得の書き方をリスト2に示します。

［リスト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以外に以下のものがあります。

モジュールanimのメソッド

メソッド	概要	書き方
pause	動作を止める	anim.pause()
stop	動作を終了する	anim.stop()

　以上、モジュールanimの紹介でした。アニメーション処理のみ使っての作成でも面白いサイトができあがるのではないでしょうか。