no-image

JavaScript

オーバーレイによるシンプルなアラートを実装できるjQueryプラグイン「simplert」

simplertはオーバーレイによるシンプルで美しいアラートを実装することができるjQueryプラグインです。レスポンシブで表示される際のレスポンスもよく、使い方も簡単なことから手軽に実装可能です。

エラー、サクセス、アラートの3種類を用意

simplert

アラートのタイプは、エラー、サクセス、アラートの3種類が用意されています。実際のデモページには、テキストリンクにerror、success、alertがあり、各テキストリンクをクリックすると、それに応じたアラートが表示されます。

アラートはどれもシンプルで、余計な装飾もなくスッキリした見やすいデザインに仕上がっています。画面の背景にはオーバーレイもかかります。

new Simplert (
  'success', // タイプ
  'ここにメッセージ' // メッセージ
).show();

アラートのタイプには先ほども紹介した、error、success、alertの3タイプから指定することが可能です。

というわけで、さりげないオーバーレイとシンプルなデザインによるアラートを実装できるjQueryプラグイン「simplert」のご紹介でした。

関連記事

  1. no-image

    JavaScript

    固定されたフローティングメニューを実装できる「jquery-dice-menu」

    jquery-dice-menuは、固定されたシンプルなフローティング…

  2. photowall

    JavaScript

    Google画像検索のようにサムネイル画像をクリックするとスライド表示されるjQueryプラグイン「…

    Google画像検索のようなアニメーションを実装することができるjQu…

  3. no-image

    JavaScript

    スライドアニメーションによる多階層なハンバーガーメニュー「ggContentMenu」

    ggContentMenuはスライドアニメーションを備えた多階層に最適…

  4. Cavendish.js

    JavaScript

    CSS transitionsを活用したシンプルなスライドショーを実装できるjQueryプラグイン「…

    CSS transitionsを活用したシンプルなスライドショーを実装…

  5. Tipr

    JavaScript

    軽量、フラット、シンプルなツールチップを実装できるjQueryプラグイン「Tipr」

    Tiprはフラットでシンプルなツールチップを実装することができるjQu…

  6. zingtouch

    JavaScript

    タッチジェスチャーをカスタマイズできるJSライブラリ「zingtouch」

    Zingtouchは、タッチ対応のデバイスにおける基本的なジェスチャー…

最近の記事

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

Facebookページ

PAGE TOP