no-image

JavaScript

フルスクリーンによるjQueryモーダルウィンドウ実装「FullMod」

FullModはフルスクリーンによるモーダルウィンドウを実装できるjQueryプラグインです。アニメーション付きのモーダルウィンドウで、しかもフルスクリーンというダイナミックさがいい感じですね。

FullMod

デモ

デモでは「Click me」というボタンが設置されていて、ここをクリックすると下から上へスライドしながらモーダルウィンドウが立ち上がります。一方、モーダルウィンドウを閉じる場合は、モーダルウィンドウ内の右上にあるバツ印をクリックすればOKです。閉じられる時は、今度は上から下へスライドしながらモーダルウィンドウが非表示になります。

アニメーションはクイックに動作するので、煩わさもなく操作性も良好です。

使い方もシンプルで分かりやすく、イベントやメソッドもいくつか用意されています。主な項目は、onShowing(params)、onShown、onHidding(params)、onHidden、show(params)、hide(params)です。

というわけで、アニメーション付きのフルスクリーンによるモーダルウィンドウを実装できるjQueryプラグイン「FullMod」の紹介でした。

FullMod

ScrollBoosterドラッグしながらスクロールするライブラリ「ScrollBooster」前のページ

絵文字を使ったレーティング機能を実装できる「emotion-ratings」次のページemotion-ratings

関連記事

  1. Blindify
  2. Bootstrap Photo Gallery jQuery plugin
  3. ClassyCountdown

    JavaScript

    スタイリッシュな円形カウントダウンのjQueryプラグイン「ClassyCountdown」

    ClassyCountdownはシンプルでスタイリッシュな円形カウント…

  4. JavaScript

    JavaScriptで連想配列(ハッシュ)から1つずつ値を取り出して配列に入れてランダムで取得する

    タイトルが分かりづらくてあれなんですが、JavaScriptの連想配列…

  5. jQuery.sdFilterMe

    JavaScript

    コンテンツを並べ替えれるフィルタリング機能の実装「jQuery.sdFilterMe」

    jQuery.sdFilterMeは、ポートフォリオ、記事、ギャラリー…

  6. jCorner

    JavaScript

    フラットデザインに合う紙をめくったエフェクトを実装できるjQueryプラグイン「jCorner」

    jCornerというjQueryプラグインを使ってみました。フラットデ…

最近の記事

  1. 芳醇な香りのラムレーズンサンド
  2. Aモーニングセット
  3. 白トリュフの塩パンやメロンパンなど
  4. 東京都現代美術館
  5. スーリア バターチキン

アーカイブ

PAGE TOP