Overhang.js - ドロップダウン通知メッセージ用のjQueryプラグイン

どのくらい迷惑です デフォルトのJSアラートボックス? 原始的なWeb開発時代からの遺物のようなものです。.

今日では、私たちは作ることができます 控えめな通知メッセージ 同じ情報を共有しますが ユーザーエクスペリエンスを妨げないでください. それがまさにあなたができることです overhang.js.

この無料のjQueryプラグインはできます カスタム通知バーを追加する それは画面上部からドロップダウンします。彼らは CSSで配置 そして JavaScriptでアニメーション化, だから彼らは上部の固定点からドロップダウンすることができます ページ長に関係なく.

あなたはメッセージを構築することができます 一定時間後にオートクローズ, または他の人 ユーザー入力が必要.

メッセージは 成功、失敗、エラー、または簡単な通知を中継する ユーザーまたはページに関する情報とともに。メッセージもすることができます 独自の「はい/いいえ」ボタンがあります。 JavaScriptプロンプトアラートのようにユーザーに質問する.

プロンプトを作成するオプションもあります 入力フィールドでドロップダウン. これは電子メールのオプトインフォームに最適です。.

Overhang.js jQueryでサポートされているすべての主要ブラウザをサポートしています そしてそれも jQueryのUIを搭載 アニメーション機能用.

jQueryとjQueryのUIライブラリと一緒に、あなたもする必要があります。 カスタムCSSファイルを含める プラグイン付き。いつでもできます これをあなたのウェブサイトのスタイルシートとマージしてください HTTPリクエストを減らす.

へのすべての呼び出し オーバーハング（） 方法はできます 任意の数のパラメータを取る. これらは 呼ばれる “オプション” そして彼らはあなたに各通知ボックスを完全に制御することができます.

あなたが変更することができます アニメーションスピード, 期間, イージング, そして 箱のサイズ/色, 他のデザイン機能と一緒に.

これが サンプルスニペット 方法を示す 確認ボックスを作成する：

 //いくらかの確認$（ "body"）。オーバーハング（type： "confirm"、yesMessage： "はいてください！"、noMessage： "いいえありがとう。"）; 

これがわかります ものすごく単純 そしてそれ 多くのjQueryコードを必要としない.

に コピーをダウンロードする プラグインについては、GitHubのレポジトリにアクセスして直接ソースファイルを閲覧することもできます。または、あなたがしたい場合 もっとライブの例を見る Overhang.js Webサイトにアクセスしてください。.