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

    JavaScript

    ボタンクリック時にアニメーションをつけれる「animateClick」

    animateClickはボタンをクリックしたときにアニメーションをつ…

  2. FrameScrub
  3. no-image

    JavaScript

    手軽にパララックス効果を実装できるシンプル・軽量な「simpleParallax」

    simpleParallaxは、手軽にパララックス効果を画像に実装する…

  4. GRT Responsive Menu
  5. Section Scroller

    JavaScript

    セクションごとに自動でスクロールしてくれるボタン実装「Section Scroller」

    Section Scrollerは、セクションごとにスムーズにスクロー…

  6. Create a month picker jQuery plugin

最近の記事

  1. 長十郎
  2. COMOLI シルクネルシャツ
  3. WiMAX
  4. 甘柿
PAGE TOP