SweetAlert

JavaScript

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

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

[ads_center]

SweetAlertの使い方

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

SweetAlert

SweetAlert

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

SweetAlert

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

swal("メッセージ")

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

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

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

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

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

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

関連記事

  1. 2013年上半期jQueryプラグインまとめ

    JavaScript

    当ブログで今まで紹介したjQueryプラグイン25選のまとめ 2011/09 – 201…

    2011年9月〜2012年3月までに当ブログで紹介したjQueryプラ…

  2. jQuery TextFill

    JavaScript

    テキストをリサイズしてコンテナにフィットさせる「jQuery TextFill」

    jQuery TextFillはテキストをリサイズしてコンテナにフィッ…

  3. ClickSpark.js

    JavaScript

    美しいパーティクルエフェクトを実装できる「ClickSpark.js」

    ClickSpark.jsは画像を用いたたくさんの粒子が放出されるよう…

  4. Excolo Slider

    JavaScript

    タッチにも対応しているシンプルなjQueryスライダー「Excolo Slider」

    タッチやマウススライドにも対応しているシンプルなjQueryスライダー…

  5. CSS Emoticons

最近の記事

  1. CITTA TT5.0
  2. Kindle Oasis
  3. OWL-WDDESK01
  4. ワンタッチ着脱フィルターキット

アーカイブ

PAGE TOP