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. BigText

    JavaScript

    テキストを指定した幅にフィットさせるjQueryプラグイン「BigText」

    BigTextは、テキストの行を、指定した幅にフィットさせるために必要…

  2. Smooth Anchor Scrolling

    JavaScript

    ページ内リンクをスクロールできる「Smooth Anchor Scrolling」

    ページ内リンクをスムーズにスクロールできる「Smooth Anchor…

  3. pull-to-reload

    JavaScript

    下へ引いてページをリフレッシュ(リロード)できる「pull-to-reload」

    pull-to-reloadは、Webページ内で下へ引くだけでページを…

  4. ToxicBox

    JavaScript

    さまざまなコンテンツをポップアップウィンドウで表示できる「ToxicBox」

    ToxicBoxは、ライトボックスのjQueryプラグインです。近年、…

  5. Presentation Slideshow
  6. Multi-Level Menu

    JavaScript

    流れるような遅延アニメーションが美しい階層化メニュー実装「Multi-Level Menu」

    Multi-Level Menuは流れるような遅延アニメーションが美し…

最近の記事

  1. s9+
  2. SRS-LSR200
  3. QC30
  4. リンツ リンドール

アーカイブ

PAGE TOP