tingle.jsは、シンプルなモーダルウィンドウを実装できるスクリプトです。ピュアJavaScriptで、ほかのライブラリなどに依存することなく使えるのがいいですね。ちょっとしたコンテンツから本格的なコンテンツまで、幅広いものを表示させることができます。
tingle.js
tingle.jsの実際のデモや使い方に関しては以下からチェックできます。
サンプルには、スモールコンテンツ、ダイアログ、ビッグコンテンツ、固定表示、動画といったものが用意されています。ベースがシンプルだからこそ、どのコンテンツを表示させても違和感なくおさまりますね。
応用次第でさまざまなwebページに活用できるのではないでしょうか？
モーダルウィンドウを表示させたときの、背景のボカシ具合もすごく素敵です。
また、オプションやAPIもいろいろ用意されているほか、CSSでのカスタマイズもできるので、気になる方はぜひチェックしてみてください。
というわけで、シンプルで実装も手軽にできるモーダルウィンドウ「tingle.js」のご紹介でした。tingle.jsのダウンロードは以下からどうぞ。
