memo.xight.org

日々のメモ

カテゴリ : script.aculo.us

1ページ目 / 全1ページ

Effect.Transitions - script.aculo.usのEffectの変化曲線を変更する

Summary

effect.jsに以下の記述がある.
これはEffectの変化曲線を設定している.
デフォルトの変化曲線はsinカーブと同じ.

Effect.Transitions.sinoidal = function(pos) {
	return (-Math.cos(pos * Math.PI) / 2) + 0.5;
}


Effectのコンストラクタでオプションにtransitionをセットすることで,
変化曲線を変更可能.
new Effect.Move( 'elementId', {
		x: 100,
		y: 100,
		transition : function ( pos ) {
		return Math.pow( pos, 2 );
	}
});


Sample

Sample

Reference

d.aql - scriptaculousのトランジション
http://d.hatena.ne.jp/aql/20051123/1132725850

fluxiom

Summary

Rails + prototype.js + script.aculo.us で作られた,
SNS + Social Tagging な オンラインファイラー.

Reference

fluxiom - capture, manage, access and deliver content across your enterprise
script.aculo.us
http://script.aculo.us/
mir.aculo.us - 2005-11-24
http://mir.aculo.us/articles/2005/11/24/fluxiom

via

最速インターフェース研究会 - 2005-11-26
http://la.ma.la/blog/diary_200511260836.htm