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. Jquery Tab Plugin

    JavaScript

    シンプルで見やすいタブパネルを実装できる「Jquery Tab Plugin」

    Jquery Tab Pluginはシンプルで見やすく、そして操作しや…

  2. jQuery Slideshow

    JavaScript

    シンプル・軽量・レスポンシブなスライダー実装「jQuery Slideshow」

    jQuery Slideshowはシンプルで軽量、そしてレスポンシブに…

  3. no-image

    JavaScript

    水平・垂直に対応したカルーセルスライドショー「jCarousel」

    jCarouselは水平・垂直に対応したカルーセルスライドショーを実装…

  4. BeefUp

    JavaScript

    多彩なカスタマイズができるjQueryアコーディオンプラグイン「BeefUp」

    BeefUpは多彩なカスタマイズができるレスポンシブに対応したjQue…

  5. no-image

    JavaScript

    jQueryの代わりに使用できるマイクロJavaScriptライブラリ「Selector」

    Selectorは、jQueryの代わりに使用することができるマイクロ…

  6. trunk8

    JavaScript

    長い(はみ出した)テキストを「・・・」に置き換えてくれるjQueryプラグイン「trunk8」

    長いテキストやはみ出したテキストを「・・・」といった文字に置き換えてく…

最近の記事

  1. フェルメール展
  2. 上島珈琲店 No.11
  3. 銀座トリコロール

アーカイブ

PAGE TOP