tingle.js

JavaScript

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

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

tingle.js

tingle.js

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

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

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

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

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

tingle.js

関連記事

  1. jQuery contextMenu plugin & polyfill
  2. diamonds.js
  3. multi.js

    JavaScript

    検索機能がついたセレクトボックスを実装できる「multi.js」

    multi.jsは検索機能がついた使いやすいユーザーフレンドリーなセレ…

  4. AJAX Live Search
  5. ScrollMe

    JavaScript

    シンプルなスクロールエフェクトを実装できるjQueryプラグイン「ScrollMe」

    ScrollMeというjQueryプラグインを使えば、シンプルでスタイ…

  6. Light-Zoom

    JavaScript

    CSSを使用した画像ズームを実装できるjQueryプラグイン「Light-Zoom」

    Light-Zoomは純粋なCSSを使用した画像ズーム(拡大)機能を実…

最近の記事

  1. Waterlogue
  2. macOS Mojaveのダークモード
  3. Olli
  4. 単語帳メーカー(Flashcard Maker App)

Facebookページ

PAGE TOP