SweetAlert

JavaScript

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

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

[ads_center]

SweetAlertの使い方

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

SweetAlert

SweetAlert

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

SweetAlert

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

swal("メッセージ")

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

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

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

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

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

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

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

Macのテキストエディットで文字数カウントを実行させる設定方法(AppleScript)次のページMacのテキストエディットで文字数カウント

関連記事

  1. JavaScript

    JavaScriptの基本構文を忘れた!って時にサクっと見たい10項目

    最近はよくjQueryプラグインを使ったりすることが多くなってきたので…

  2. jQuery Parallax

    JavaScript

    美しいパララックススクロールエフェクトを実装できる「jQuery Parallax」

    jQuery Parallaxは美しいパララックススクロールエフェクト…

  3. jQuery-LightBox

    JavaScript

    軽量でモバイルフレンドリーなLightbox実装「jQuery-LightBox」

    jQuery-LightBoxは、軽量でレスポンシブにも対応したモバイ…

  4. no-image

    JavaScript

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

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

  5. JavaScript

    文字の半分をスタイルすることができるjQueryプラグイン「Splitchar」

    SplitcharというjQueryプラグインを使えば、文字の半分をス…

  6. JavaScript

    1つのテキストリンクから複数のリンク先が表示される「μllinx」

    μllinx(mullinx)は1つのテキストリンクから複数のリンク先…

最近の記事

  1. サンクラフト ポテトング
  2. iPhone 11 Pro Smart Battery Case(ホワイト)
  3. メイソンピアソン ヘアブラシ
  4. COMOLI ベタシャンCPOシャツ(サックス)

アーカイブ

PAGE TOP