JavaScriptプログラムに関する各種メモ書き

adobe の Javascript フレームワーク【spry】を使ってみる

■ adobe の Javascript フレームワーク【spry】を以下からダウンロード

Adobe Labs - Spry framework for Ajax

■ html ファイルの <head>〜</head>内に読み込ませる

<script type="text/javascript" src="js/SpryEffects.js"></script>

■ エフェクト例

spry_obj = new Spry.Effect.Fade( 'id_name', {
    duration: 800,
    from: '100%', to: '0%',
    horizontal : false,
    toggle: true
});
spry_obj.start();

// id_name : エフェクトをかけたい要素のid名
// Spry.Effect.Fade:フェードエフェクト。
// Spry.Effect.Blind:ブラインドエフェクト。
// Spry.Effect.Grow:グロウエフェクト。
// Spry.Effect.Highlight:ハイライトエフェクト。
// Spry.Effect.Shake:シェイクエフェクト。
// Spry.Effect.Slide:スライドエフェクト。
// Spry.Effect.Squish:スクイッシュエフェクト。

No.554
09/11 16:20

edit