tingle.js

JavaScript

シンプルで手軽に実装できるモーダルウィンドウ「tingle.js」

tingle.jsは、シンプルなモーダルウィンドウを実装できるスクリプトです。ピュアJavaScriptで、ほかのライブラリなどに依存することなく使えるのがいいですね。ちょっとしたコンテンツから本格的なコンテンツまで、幅広いものを表示させることができます。

tingle.js

tingle.js

サンプルには、スモールコンテンツ、ダイアログ、ビッグコンテンツ、固定表示、動画といったものが用意されています。ベースがシンプルだからこそ、どのコンテンツを表示させても違和感なくおさまりますね。

応用次第でさまざまなwebページに活用できるのではないでしょうか?

モーダルウィンドウを表示させたときの、背景のボカシ具合もすごく素敵です。

また、オプションやAPIもいろいろ用意されているほか、CSSでのカスタマイズもできるので、気になる方はぜひチェックしてみてください。

というわけで、シンプルで実装も手軽にできるモーダルウィンドウ「tingle.js」のご紹介でした。tingle.jsのダウンロードは以下からどうぞ。

tingle.js

関連記事

  1. Dynamic Table

    JavaScript

    スプレッドシートのようなテーブルを実装できるjQueryプラグイン「Dynamic Table」

    Dynamic Tableはスプレッドシートのような高機能なテーブルを…

  2. Navi.js

    JavaScript

    ナビゲーションとコンテンツが連動して切り替わるjQueryプラグイン「Navi.js」

    ナビゲーションとコンテンツが連動して切り替わる便利なjQueryプラグ…

  3. no-image

    JavaScript

    画像の遅延読み込みを実装できる軽量のJavaScriptプラグイン「justlazy.js」

    justlazy.jsは画像の遅延読み込みを実装することができるJav…

  4. jQuery Elastic Grid
  5. Glide.js

    JavaScript

    軽量・フレキシブル・高速なスライダー&カルーセル実装「Glide.js」

    Glide.jsは軽量・フレキシブル・高速なJavaScript ES…

最近の記事

  1. mill オイルヒーター
  2. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP