SweetAlert

JavaScript

JSのアラートやダイアログを美しいデザインにできるjQueryプラグイン「SweetAlert」

SweetAlertというjQueryプラグインを使えばJSのアラートやダイアログを美しいデザインにすることができます。どこかそっけない感じのアラートのデザインをお洒落にして表示させたいといった時に活用してみたくなります。

[ads_center]

SweetAlertの使い方

実際のデモやダウンロードは以下。ノーマルのアラートと比較することもできます。

SweetAlert

SweetAlert

こんな感じでかっこよく装飾されたデザインが表示されます。

SweetAlert

使い方はとても簡単です。jQuery本体とプラグインファイルを読み込んだ状態で以下のように使用します。

swal("メッセージ")

上記は簡単なメッセージを表示させる例。他にもタイトルを入れたり

swal("タイトル", "メッセージ")

OKボタンも追加したりすることができます。

swal("タイトル", "メッセージ", "success")

その他にもオプションでconfirmボタンのテキストを変えたり、アイコン画像を指定したりすることもできます。

JavaScriptのアラートをかっこよくしたいという方は、チェックしてみてはいかがでしょうか。

関連記事

  1. no-image

    JavaScript

    ミニマルでダイナミックなLightboxプラグイン「darkbox.js」

    darkbox.jsはミニマルながらもダイナミックなLightbox風…

  2. paroller.js

    JavaScript

    垂直・水平の動きに対応したパララックス効果を実装できる「paroller.js」

    paroller.jsは垂直・水平方向の動きに対応したパララックス効果…

  3. NO IMAGE

    JavaScript

    フレキシブルで軽量なJavaScriptモーダル実装「Vanilla Modal」

    Vanilla Modalは、フレキシブルでファイル容量も軽量なCSS…

  4. desoSlide

    JavaScript

    サムネイル付きのナビが素敵なスライダーを実装できるjQueryプラグイン「desoSlide」

    desoSlideというjQueryプラグインを使えば、サムネイル付き…

  5. no-image

    JavaScript

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

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

  6. jQuery Glow

最近の記事

  1. Soundcore Liberty Neo(第2世代)
  2. EH-NA0B
  3. KPS-88
  4. Happy Plugs AIR1
  5. cheero Stream 10000mAh

アーカイブ

PAGE TOP