アラートをおしゃれに表示できるJSライブラリ「SweetAlert」!

2016/08/07

こんにちは。
今回はアラートをおしゃれに表示できるJSライブラリ「SweetAlert」!です。

Webサイトのデザインに拘るならもちろん、アラートのデザインも拘りたいですよね。
そこで、今回はアラートのデザインをおしゃれにできるJSライブラリを紹介します。

アラートをおしゃれに表示できるJSライブラリ「SweetAlert」!

SweetAlert

sweetalert

 

JSライブラリ「SweetAlert」をダウンロードしてみよう!

https://github.com/t4t5/sweetalertにアクセスして右にある「Download ZIP」のボタンをクリックしてダウンロードします。

 

JSライブラリ「SweetAlert」を設置してみよう!

sweetalert.cssをhead内に読み込みます。

 

sweetalert.min.jsを/bodyの手前に読み込みます。

 

その下に下記のスクリプトを記述します。

 

html部分を記述します。
先ほど指定した「sweetalert」というclassを付けます。

 

実践Webデザイン jQuery+CSSフレームワークでサクサクつくる「動き」と「仕掛け」
実践Webデザイン jQuery+CSSフレームワークでサクサクつくる「動き」と「仕掛け」

 

いかがでしたか。alert()を実装する時に使ってみてはどうでしょうか。
以上でアラートをおしゃれに表示できるJSライブラリ「SweetAlert」!でした。

Related Post

topへ戻る