jquery.horizonScroll.js

JavaScript

左右にスライドする水平スクロールを実装できる「jquery.horizonScroll.js」

jquery.horizonScroll.jsは左右にスライドする水平スクロールを実装することができるjQueryプラグインです。一つ一つのコンテンツをスライドしながら見ていくことができます。スクロールの他にも左右に設置された矢印でもスライドさせることが可能です。

jquery.horizonScroll.js

デモ

スクロールすることで右や左にコンテンツをスライドさせることができます。テンポよくコンテンツをスライドで順番に見せていきたい時に役立ちそうですね。

デモではスライドさせるためにキーボードの矢印キーも使えるようになっています。また、スマフォでも動作確認してみたところスワイプ(フリック)でスライドすることができました。

PCではスクロール、モバイル時にはスワイプと各端末に合わせて快適な使用感になるのが魅力的ですね。

使い方もとてもシンプルなのがいいです。

$('selector').horizon();

jquery.horizonScroll.js

関連記事

  1. JavaScript

    jQuery MobileでWebサイトをスマートフォン対応にする時に見ておきたい記事のまとめ

    今更ながらようやくjQuery Mobileを使い始めたんですが、基本…

  2. no-image

    JavaScript

    ミニマルなイメージギャラリーを実装できる「Albery」

    Alberyはミニマルなイメージギャラリーを実装できるjQueryプラ…

  3. jquery.confirm

    JavaScript

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

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

  4. Warp drive jQuery plugin
  5. Segment

    JavaScript

    SVG pathをアニメーションさせる軽量のスクリプト「Segment」

    SegmentはSVG pathをアニメーションさせる軽量のスクリプト…

  6. SimpleCalculadora

    JavaScript

    シンプルでカスタマイズもできる電卓「SimpleCalculadora」

    SimpleCalculadoraはシンプルでCSS、オプションなどで…

最近の記事

  1. Dyson Pure Cool Me
  2. ルック セレクション
  3. シルキーウインドモバイル
  4. アリエール パワージェルボール3D

アーカイブ

PAGE TOP