Multi-Screen.js

JavaScript

ページ全体をスライドさせるようなアニメーションを実装できるjQueryプラグイン「Multi-Screen.js」

Multi-Screen.jsというjQueryプラグインを使えば、ページ全体をスライドさせるようなアニメーションを実装することができます。ダイナミックに切り替わっていくのでインパクトがありますね。シンプル・軽量・簡単というのが嬉しいです。

[ads_center]

Multi-Screen.js

Multi-Screen.js

Multi-Screen.js

実際のデモでは、ナビゲーションリンクをクリックしていくとページ全体がスライドで切り替わっていきます。HTML自体は1つのページに各コンテンツを記述することができます。

ダイナミックなスライドをしながら色んなコンテンツを見せていきたい時に役立ちますね。

スマホでタッチしながら下に引くと背景画像がズームしていくjQueryプラグイン「Pull and Zoom」前のページ

サムネイル付きのナビが素敵なスライダーを実装できるjQueryプラグイン「desoSlide」次のページdesoSlide

関連記事

  1. Mirror Effect

    JavaScript

    ミラーエフェクトによるかっこいいスライドショー実装「Mirror Effect」

    Mirror EffectはWebサイト内でかっこいいミラーエフェクト…

  2. FlexSlider

    JavaScript

    jQueryプラグインのレスポンシブな軽量スライダー「FLEXSLIDER」の使い方や設定方法

    すごくいいですね、これ。スマートフォンにも対応させたいスライダーを探し…

  3. Tendina

    JavaScript

    簡単で素早くドロップダウンメニューを実装できるjQueryプラグイン「Tendina」

    TendinaというjQueryプラグインを使えば、とても簡単で素早く…

  4. JavaScript

    画像をボックス単位に分割してスライドさせていくjQueryプラグイン「Maskify Slider」…

    とてもお洒落なjQueryのイメージスライダーがあったのでご紹介します…

  5. qpScroll
  6. busy-load

    JavaScript

    シンプルでフレキシブルなローディングマスクプラグイン「busy-load」

    busy-loadはシンプルでフレキシブルなローディングマスクを実装す…

最近の記事

  1. RF85mm F2 MACRO IS STM
  2. Anker PowerWave Pad Alloy
  3. Anker Bolder LC30
  4. BG-R10

アーカイブ

PAGE TOP