no-image

JavaScript

シンプルで美しいレスポンシブ対応のパララックス実装「JQuery Background Image Scroll」

JQuery Background Image Scrollは、シンプルで美しいレスポンシブに対応したパララックススクロールを実装することができるjQueryプラグインです。手軽に実装可能なうえに、オプションもいくつか揃っているのでカスタマイズして使うこともできます。

JQuery Background Image Scroll

デモ

都会の高層ビル群を眼下に望むダイナミックなその画像は、パララックス効果が加わることでより臨場感が増しますね。レスポンシブにも対応しているので、PC・モバイル問わずいろんなデバイスで楽しめるのがグッドです。

使い方もかなりシンプルなうえに、オプションもいくつか用意されています。主なオプション項目は、bgpositionx、direction、debug、max、minです。各オプションのデフォルト値は、bgpositionxが50、directionが’top’、debugがfalse、maxが’100’、minが’0’です。

JQuery Background Image Scroll

関連記事

  1. Simple HTML Menu

    JavaScript

    モバイルにもピッタリなレスポンシブ対応のメニュー実装「Simple HTML Menu」

    Simple HTML Menuは、モバイルにもピッタリなレスポンシブ…

  2. EasyLoading

    JavaScript

    ローディングアニメーションを手軽に実装できる「EasyLoading」

    EasyLoadingは、ローディングアニメーションを手軽に実装するこ…

  3. Simple Image Panner and Zoomer
  4. JavaScript

    値を指定することで好きなカラースウォッチを表示できるjQueryプラグイン「Color Swatch…

    これはどこかで使いたくなるjQueryプラグインですね。カラー値を指定…

  5. h5Validate

    JavaScript

    HTML5のフォームバリデーションを実装できるjQueryプラグイン「h5Validate」

    h5ValidateはHTML5によるフォームバリデーションを実装する…

  6. JavaScript

    シンプル・軽量・簡単なLightBox系モーダルウィンドウのjQueryプラグイン「portBox」…

    portBoxというjQueryプラグインを使えばシンプルで軽量なLi…

最近の記事

  1. 梅の花
  2. 三菱ブレッドオーブン
  3. 浜離宮恩賜庭園

アーカイブ

PAGE TOP