スクロールに応じてパララックス効果を表現できるスクリプト・jarallax
スクロールに応じて視差効果 を表現できるスクリプト・ jarallaxのご紹介。jQueryを 必要とするみたいです。よく 見かけるやつですが、デモが 良かったので備忘録的に。 jQuery依存のパララックスエフェクト実装スクリプトです。時間無いので紹介だけとさせて頂きます。 よくあるパララックス実装スクリプト。デモ作る暇が無かったので公式のをご覧下さい。 Sample フェードエフェクトがうまく使われてます。 アニメーションの定義をcloneAnimationでクローン化出来る様にしたそうです。 var jarallax = new Jarallax(); var animation = jarallax.addAnimation('#foo',[{progress:'0', opacity:'0', top:'100%'}, {progress:'10', opacity:'1', t
スクロールに応じて要素が動く、パララックスを実装できるjQueryプラグイン「scrolldeck」 | Web活メモ帳
スクロールによるパララックス効果を実装できるjQueryプラグイン「scrolldeck」 スクロールすると、画像やテキスト、その他色々な要素がアニメーションするWebデザインを最近良く見かけます。 パララックス(視差効果)や細かなアニメーションするものまで、様々なものがあると思いますが、 本日紹介する「scrolldeck」を使用するとパララックス効果を簡単に実装できるようになります。 パララックスがどんなものか分からない方のために先にプラグインのデモリンクを貼っておきます。 デモ1 デモ2 デモ3 スクロールで画像がずれて行く感じがたまらないですね。 使い方 プラグインを初期化します。 $(document).ready(function() { var deck = new $.scrolldeck(); }); オプション設定をする場合 $(document).ready(func
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
