アークウェブ
システム開発
SandBox
Web制作会社アークウェブのスタッフが、システム開発のTips・ノウハウをまとめているWikiです
アークウェブシステム開発SandBox
アークウェブWebマーケティングSandBox
アークウェブWebデザインSandBox
アークウェブ アクセシビリティWiki
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
&pgid();
** JSTweener [#jbf43f10]
http://coderepos.org/share/wiki/JSTweener
** 使い方 [#x3251032]
JSTweener.addTween(element.style, options);
JSTweener.addTweenを呼び出した時点で開始されます
optionsはオブジェクトです
#blikimore
以下のプロパティ(と初期値)を指定できます
- time: 1
- transition: 'easeoutexpo'
- delay: 0
- prefix: {}
- suffix: {}
- onStart: undefined
- onStartParams: undefined
- onUpdate: undefined
- onUpdateParams: undefined
- onComplete: undefined
- onCompleteParams: undefined
さらに変更したいstyleと値を指定できます 例:height: 100
styleの単位は上記のsuffixを使用します 例:suffix: {height...
初期値は指定できません 現在位置が初期値として使用されます
** プロパティについて [#jde80feb]
- time: モーションの開始から終了に要する時間をsecで指定し...
- transition: easingを指定します 関数か文字列(関数名)を...
- delay: モーション開始までの待ち時間をsecで指定します ...
- prefix: suffixと同じ指定方法で、エレメントのプロパティ...
- suffix: 前述のsuffixです
- on*: 関数を指定します
- on*Params: on*で指定した関数に渡すパラメータを指定しま...
** メソッド [#r5cb9692]
特にありません
** 用意されているeasing [#xfdf7e45]
easeInで始まるものはモーションの開始時にエフェクトが現れ...
easeOutで始まるものはモーションの終了時にエフェクトが現れ...
easeInOutで始まるものはモーションの開始時と終了時にエフェ...
easeOutInで始まるものはモーションの開始時と終了時を除いた...
- easeNone
- easeInQuad
- easeOutQuad
- easeInOutQuad
- easeInCubic
- easeOutCubic
- easeInOutCubic
- easeOutInCubic
- easeInQuart
- easeOutQuart
- easeInOutQuart
- easeOutInQuart
- easeInQuint
- easeOutQuint
- easeInOutQuint
- easeOutInQuint
- easeInSine
- easeOutSine
- easeInOutSine
- easeOutInSine
- easeInExpo
- easeOutExpo
- easeInOutExpo
- easeOutInExpo
- easeInCirc
- easeOutCirc
- easeInOutCirc
- easeOutInCirc
- easeInElastic
- easeOutElastic
- easeInOutElastic
- easeOutInElastic
- easeInBack
- easeOutBack
- easeInOutBack
- easeOutInBack
- easeInBounce
- easeOutBounce
- easeInOutBounce
- easeOutInBounce
// 参考:[[jQuery 開発者向けメモ - リファレンス>http://ww...
// #blikifooter(進地)
tag: [[Effects>tag/Effects]], [[JavaScript>tag/JavaScript...
終了行:
&pgid();
** JSTweener [#jbf43f10]
http://coderepos.org/share/wiki/JSTweener
** 使い方 [#x3251032]
JSTweener.addTween(element.style, options);
JSTweener.addTweenを呼び出した時点で開始されます
optionsはオブジェクトです
#blikimore
以下のプロパティ(と初期値)を指定できます
- time: 1
- transition: 'easeoutexpo'
- delay: 0
- prefix: {}
- suffix: {}
- onStart: undefined
- onStartParams: undefined
- onUpdate: undefined
- onUpdateParams: undefined
- onComplete: undefined
- onCompleteParams: undefined
さらに変更したいstyleと値を指定できます 例:height: 100
styleの単位は上記のsuffixを使用します 例:suffix: {height...
初期値は指定できません 現在位置が初期値として使用されます
** プロパティについて [#jde80feb]
- time: モーションの開始から終了に要する時間をsecで指定し...
- transition: easingを指定します 関数か文字列(関数名)を...
- delay: モーション開始までの待ち時間をsecで指定します ...
- prefix: suffixと同じ指定方法で、エレメントのプロパティ...
- suffix: 前述のsuffixです
- on*: 関数を指定します
- on*Params: on*で指定した関数に渡すパラメータを指定しま...
** メソッド [#r5cb9692]
特にありません
** 用意されているeasing [#xfdf7e45]
easeInで始まるものはモーションの開始時にエフェクトが現れ...
easeOutで始まるものはモーションの終了時にエフェクトが現れ...
easeInOutで始まるものはモーションの開始時と終了時にエフェ...
easeOutInで始まるものはモーションの開始時と終了時を除いた...
- easeNone
- easeInQuad
- easeOutQuad
- easeInOutQuad
- easeInCubic
- easeOutCubic
- easeInOutCubic
- easeOutInCubic
- easeInQuart
- easeOutQuart
- easeInOutQuart
- easeOutInQuart
- easeInQuint
- easeOutQuint
- easeInOutQuint
- easeOutInQuint
- easeInSine
- easeOutSine
- easeInOutSine
- easeOutInSine
- easeInExpo
- easeOutExpo
- easeInOutExpo
- easeOutInExpo
- easeInCirc
- easeOutCirc
- easeInOutCirc
- easeOutInCirc
- easeInElastic
- easeOutElastic
- easeInOutElastic
- easeOutInElastic
- easeInBack
- easeOutBack
- easeInOutBack
- easeOutInBack
- easeInBounce
- easeOutBounce
- easeInOutBounce
- easeOutInBounce
// 参考:[[jQuery 開発者向けメモ - リファレンス>http://ww...
// #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指針