SweetAlert

JavaScript

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

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

[ads_center]

SweetAlertの使い方

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

SweetAlert

SweetAlert

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

SweetAlert

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

swal("メッセージ")

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

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

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

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

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

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

関連記事

  1. respontent

    JavaScript

    様々なコンテンツをレスポンシブにしてくれるjQueryプラグイン「respontent」

    respontentというjQueryプラグインを使えば、画像・You…

  2. JavaScript

    マルチレベルで操作性に優れたレスポンシブ対応のjQueryナビゲーション

    レスポンシブに対応したマルチレベルの便利なjQueryナビゲーションが…

  3. multi-list

    JavaScript

    複数の選択可能なリストにするためのjQueryプラグイン「multi-list」

    multi-listは、順序付けされていないリストを複数の選択可能なリ…

  4. Holmes

    JavaScript

    ページ内で特定のテキストを高速に検索してくれるライブラリ「Holmes」

    Holmesは、ページ内部を簡単にかつ高速に検索してくれるライブラリで…

  5. Popper.js

    JavaScript

    軽量で見やすいツールチップを実装できる「Popper.js」

    Popper.jsはユーザーにとって見やすいツールチップを実装できるJ…

  6. Vertical Fixed Navigation #2

最近の記事

  1. USB-2H401BKN
  2. Dyson Pure Cool Me
  3. ルック セレクション
  4. シルキーウインドモバイル

アーカイブ

PAGE TOP