JavaScript

紙のようなエフェクトのスライダーを実装できるjQueryプラグイン「Paper Slider」

Paper SliderというjQueryプラグインを使えば、紙のようなエフェクトのシンプルなスライダーを実装することができます。1枚ずつ紙を前から後ろへ入れ替えていくようなスライドをします。実際のデモでは前後に移動できる矢印もついているので便利ですね。

[ads_center]

Paper Sliderの使い方

こんな感じのシンプルなスライダーを実装できます。

Paper Slider

$(document).ready(function() {
    var as = $('#papers').paperSlider()
})

オプションには、スピード、タイマー、オートスライダーの有無、ホバーで停止するかどうかなど、カスタマイズできる項目が色々あります。

ちょっと珍しい感じのスライダーなので、一般的なスライダーでは物足りないって時に活用してみてはいかがでしょうか。

Paper Slider

CSSだけを使ったストライプ(斜め・水平・垂直など)の作り方前のページ

Macのシリアル番号を調べるための確認方法次のページ

関連記事

  1. PIGNOSE Calendar

    JavaScript

    美しくてシンプルに使えるデートピッカー実装「PIGNOSE Calendar」

    PIGNOSE Calendarは、美しくてシンプルな操作性によるデー…

  2. graphite

    JavaScript

    シンプルな棒グラフを生成できる「graphite」

    graphiteはシンプルな棒グラフを生成できるJavaScriptラ…

  3. jQuery Brazzers Carousel Plugin
  4. JavaScript

    テーブルを綺麗なデザインにしてくれたり並び替え(ソート)もできるjQuery「tablesorter…

    jQueryのプラグインで、テーブルをフレキシブルなデザインにしてくれ…

  5. jQueryプラグインで実装できるカレンダー

    JavaScript

    jQueryプラグインで実装できるカレンダー10選

    jQueryプラグインで実装することができる10個のカレンダーがCod…

最近の記事

  1. ハムエッグホットサンドとドリップコーヒー
  2. 高輪ゲートウェイ駅のスタバ
  3. 新幹線
  4. リッチモンドホテル
  5. ハーブバターチキン 石窯フィローネとドリップコーヒー

アーカイブ

PAGE TOP