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. DateTime Picker

    JavaScript

    レスポンシブでフラットデザインの「DateTime Picker」

    DateTime Pickerはレスポンシブ対応のフラットデザインによ…

  2. Water Wave Effect jQuery
  3. JavaScript

    Lightbox風のjQueryプラグインColorBoxの使い方

    綺麗なイメージギャラリーを簡単に設置できるColorBoxの使い方の紹…

  4. no-image

    JavaScript

    HTML要素を回転させれる「jquery-ui-rotatable」

    jquery-ui-rotatableはHTML要素を回転させれるjQ…

  5. Hero slider

    JavaScript

    レスポンシブで横幅フルサイズのスライダーを実装できる「Hero slider」

    Hero sliderはレスポンシブに対応した横幅フルサイズのスライダ…

  6. NO IMAGE

    JavaScript

    レスポンシブ対応のスタイリッシュなスライドショー実装「offbeatSlider」

    offbeatSliderはレスポンシブに対応したアニメーション付きの…

最近の記事

  1. OWL-LPB6701LA
  2. cheero Power Mountain mini 30000mAh CHE-110
  3. 帆布カメラインナーケース B-2タイプ

アーカイブ

PAGE TOP