no-image

JavaScript

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

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

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

simplert

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

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

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

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

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

関連記事

  1. JavaScript

    ホバーすると中心から円形メニューが表示される「jQuery Wheel Menu」

    ホバーするとその地点を中心にして円形メニューが表示されるプラグイン「j…

  2. JavaScript

    アイコンをクリックすると周りにメニューが表示されるjQueryプラグイン「FerroMenu」

    FerroMenuというjQueryプラグインを使えばアイコンをクリッ…

  3. no-image

    JavaScript

    グリッドレイアウトによるシンプルで軽量なギャラリー「Grid Gallery」

    Grid Galleryはグリッドレイアウトによるシンプルで軽量なイメ…

  4. underline.js

    JavaScript

    遊び心あるアニメーションと美しさを追求したアンダーライン「underline.js」

    underline.jsはアニメーションが付いた美しいアンダーラインを…

  5. AnimateScroll

    JavaScript

    面白いエフェクトのページ内スクロールを実装できるjQueryプラグイン「AnimateScroll」…

    ページの任意の場所にスクロールできるjQueryプラグイン「Anima…

  6. Babylon Grid

最近の記事

  1. ワンタッチ着脱フィルターキット
  2. Soundcore Ace A1
  3. cheero USB-C PD Charger 60W
  4. DY-S01

アーカイブ

PAGE TOP