SweetAlert

JavaScript

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

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

[ads_center]

SweetAlertの使い方

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

SweetAlert

SweetAlert

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

SweetAlert

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

swal("メッセージ")

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

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

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

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

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

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

関連記事

  1. jTableScroll

    JavaScript

    ヘッダーとフッターを固定したままスクロール可能なテーブル「jTableScroll」

    jTableScrollはヘッダーとフッターを固定したままスクロール…

  2. Unite Gallery

    JavaScript

    レスポンシブな画像・動画ギャラリーを実装できる「Unite Gallery」

    Unite Galleryは、レスポンシブに対応した画像・動画ギャラリ…

  3. ClickSpark.js

    JavaScript

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

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

  4. Responsive overlay menu

    JavaScript

    美しいオーバーレイメニューを実装できる「Responsive overlay menu」

    Responsive overlay menuはレスポンシブに対応した…

  5. Coin Slider

    JavaScript

    ユニークなエフェクトを実装できるjQueryイメージスライダー「Coin Slider」

    ユニークなエフェクトで画像がスライドしていくjQueryイメージスライ…

  6. JavaScript

    レスポンシブでカスタマイズ性に優れたカルーセルを実装できるjQueryプラグイン「slick」

    slickというjQueryプラグインを使えば、レスポンシブでカスタマ…

最近の記事

  1. Olli
  2. 単語帳メーカー(Flashcard Maker App)
  3. 1Password 7
  4. 風に揺れる草

Facebookページ

PAGE TOP