Enllax.js

JavaScript

軽量で簡単なパララックスを実装できるjQueryプラグイン「Enllax.js」

Enllax.jsは軽量で使い方も簡単なパララックスエフェクトを実装することができるjQueryプラグインです。異なるスクロールエフェクトを利用してサイトに視差効果を取り入れて立体的に見せたい時なんかに活用したいですね。

Enllax.js

デモ

設置されたダイナミックな背景画像がとてもインパクトありますね。背景だけではなく、前景にも画像を持ってくることができるのがおもしろいと思います。

こんな感じで、typeにbackgroundを指定すると背景に、foregroundを指定すると前景にすることができます。スクロールスピードはratioの値で調節可能です。

$(window).enllax({
    type: 'background',
    ratio: 0.5
});

Enllax.js

関連記事

  1. Flipster

    JavaScript

    レスポンシブ対応のシンプルなカルーセルを実装できるjQueryプラグイン「Flipster」

    レスポンシブにも対応しているシンプルなカルーセルを実装できるjQuer…

  2. Gradientify

    JavaScript

    シンプルなCSSグラデーション変化を実装できる「Gradientify」

    GradientifyはシンプルなCSSグラデーション変化を実装するこ…

  3. jquery.confirm

    JavaScript

    jQueryとBootstrapを使ったボタンとリンクによるダイアログ実装「jquery.confi…

    jquery.confirmは、ページ内のボタンやリンクをクリックする…

  4. JavaScript

    色んなメニューやコンテンツをモーダルウィンドウで実装できるjQueryプラグイン「Pop Easy」…

    お洒落で可愛らしいjQueryプラグインを見つけたのでご紹介します。ロ…

  5. Animated Page Transition
  6. Bootstrap Photo Gallery jQuery plugin

最近の記事

  1. USB-2H401BKN
  2. Dyson Pure Cool Me
  3. ルック セレクション
  4. シルキーウインドモバイル

アーカイブ

PAGE TOP