アークウェブ
システム開発
SandBox
Web制作会社アークウェブのスタッフが、システム開発のTips・ノウハウをまとめているWikiです
アークウェブシステム開発SandBox
アークウェブWebマーケティングSandBox
アークウェブWebデザインSandBox
アークウェブ アクセシビリティWiki
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
[[JavaScript/Library/script.aculo.us]]
&pgid();
#contents();
** transition [#fa062863]
transitionの説明です。
Effectのモーションを制御します。
Core Effectsのoptionsに指定します。
関数なので自分で作って指定することができます。
*** 定義 [#v6802363]
transition = function(pos)
*** 引数 [#d9f7ee22]
pos モーション開始からモーション終了までの合計時間に対す...
JSTweenerの引数t/dに相当します。
*** 戻り値 [#f4726959]
初期値から目的値までの差分に対する現在値の割合を0~1で返し...
JSTweenerの戻り値をrとするとJSTweenerの引数c,bを使用して(...
(JSTweenerの戻り値は初期値を含めた最終的な値を返すため。s...
#blikimore
*** サンプル [#ia2dbabe]
JSTweenerのeaseOutBounceを移植してみます。
オリジナル:
easeOutBounce: function(t, b, c, d) {
if((t/=d) <(1/2.75)) {
return c*(7.5625*t*t) + b;
} else if(t <(2/2.75)) {
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
} else if(t <(2.5/2.75)) {
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
} else {
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
}
}
&br;
script.aculo.us用:
easeOutBounce: function(pos) {
if(pos < (1/2.75)) {
return (7.5625*pos*pos);
} else if(pos < (2/2.75)) {
return (7.5625*(pos-=(1.5/2.75))*pos + .75);
} else if (pos < (2.5/2.75)) {
return (7.5625*(pos-=(2.25/2.75))*pos + .9375);
} else {
return (7.5625*(pos-=(2.625/2.75))*pos + .984375);
}
}
// #blikifooter(進地)
tag: [[Effects>tag/Effects]], [[JavaScript>tag/JavaScript...
終了行:
[[JavaScript/Library/script.aculo.us]]
&pgid();
#contents();
** transition [#fa062863]
transitionの説明です。
Effectのモーションを制御します。
Core Effectsのoptionsに指定します。
関数なので自分で作って指定することができます。
*** 定義 [#v6802363]
transition = function(pos)
*** 引数 [#d9f7ee22]
pos モーション開始からモーション終了までの合計時間に対す...
JSTweenerの引数t/dに相当します。
*** 戻り値 [#f4726959]
初期値から目的値までの差分に対する現在値の割合を0~1で返し...
JSTweenerの戻り値をrとするとJSTweenerの引数c,bを使用して(...
(JSTweenerの戻り値は初期値を含めた最終的な値を返すため。s...
#blikimore
*** サンプル [#ia2dbabe]
JSTweenerのeaseOutBounceを移植してみます。
オリジナル:
easeOutBounce: function(t, b, c, d) {
if((t/=d) <(1/2.75)) {
return c*(7.5625*t*t) + b;
} else if(t <(2/2.75)) {
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
} else if(t <(2.5/2.75)) {
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
} else {
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
}
}
&br;
script.aculo.us用:
easeOutBounce: function(pos) {
if(pos < (1/2.75)) {
return (7.5625*pos*pos);
} else if(pos < (2/2.75)) {
return (7.5625*(pos-=(1.5/2.75))*pos + .75);
} else if (pos < (2.5/2.75)) {
return (7.5625*(pos-=(2.25/2.75))*pos + .9375);
} else {
return (7.5625*(pos-=(2.625/2.75))*pos + .984375);
}
}
// #blikifooter(進地)
tag: [[Effects>tag/Effects]], [[JavaScript>tag/JavaScript...
ページ名:
アークウェブのサービスやソリューションはこちら
サービス
Webの企画・戦略立案
Webデザイン
Webシステム開発
Zen Cartソリューション
Zen Cart導入コンサルティング, RFP作成, トラブル診断
Zen Cartで大規模ECサイト構築
Zen Cartモジュールの開発・カスタマイズ
Zen Cart制作会社(デザイン・企画会社)様向けサービス
Zen Cart海外向け・多言語ECサイトの制作
Zen Cartのデザイン, ペルソナ/シナリオ法, RIA(Ajax・Flex)
Zen Cartのセキュリティ・運用保守サポート
Zen Cart企画・マーケティング戦略, SEO・SEM(サーチエンジン広告)
Zen Cartハイエンド版(大規模サイト用高可用バージョン)
EC-CUBEとZen Cart 機能比較表(概要)
Zen Cart携帯モジュール(モバイルショップ構築用)
Zen Cartの導入事例
Zen-Cart.JPのご紹介とアークウェブの取り組み
Zen-Cartモバイルショップ構築サービス
Movable Typeソリューション
企業サイトでのMovable Type活用
Movable Type用プラグイン一覧
MT用フォーム作成プラグイン「A-Form」
A-Formパートナー制度
その他ソリューション
AjaxでRIA開発
Ruby on Rails
Flexによる業務システム構築
ペルソナ/シナリオ法
ビジネスブログ
SNS・ソーシャルソフトウェア
SEO・SEM
アークウェブのCSR(企業の社会的責任)
アークウェブのCSR指針