任意の体で定義された< DIV CLASS = "警告" > </ DIV >
スタイルのアラート定義
。警戒{
表示:なし ; 位置:固定 ; トップ:50%; 左:50%; 最小幅:300 ピクセル。最大幅:600 ピクセル ; 変換:変換( - 50% - 50%)。z屈折率:99999。テキスト整列:センター ; パディング:15 ピクセル ;
境界半径:3 PX。
}
。アラート成功{
色:#3c763d。背景色:#1 dff0d8。ボーダーカラー:#1 d6e9c6。}。アラート情報{ 色:#31708f。背景色:#1 d9edf7。ボーダーカラー:#bce8f1。}。アラート警告{ 色:#1 8a6d3b。背景色:#fcf8e3
;
ボーダーカラー:#faebcc。
}
。アラート危険{
色:#a94442。背景色:#1 f2dede。ボーダーカラー:#ebccd1。}
JS
/ **貼付
*ポップアッププロンプトボックスを、1.2秒をデフォルトに自動的に消える
* @param メッセージメッセージ
* @paramのスタイルのヒントのスタイルを、成功、アラート、アラート危険、警告アラート、アラート情報があります
* @paramの時間消失時間
* /
VARのプロンプト = 機能(メッセージ、スタイル、タイム)
{
スタイル= (スタイル=== 未定義)?'アラート成功':スタイル;
時間= (タイム=== 未定義)?1200:時間;
$ ('<div要素> ' )
。appendTo('ボディ' )
。addClass ('警告' +スタイル)
。HTML (メッセージ)
。ショー()
。遅延(時間)
。フェードアウト() ;
}。
//成功提示
VAR success_prompt = 関数(メッセージ、時間)
{
プロンプト(メッセージ、'アラート成功'、時間)。}。//失败提示VAR fail_prompt =
関数(メッセージ、時間)
{
プロンプト(メッセージ、「アラート危険」、時間)。}。//提醒VAR warning_prompt = 関数(メッセージ、時間){ プロンプト(メッセージ、'アラート警告'、時間)。}。//信息提示するvar info_prompt = 機能(メッセージ、時間){ プロンプト(メッセージ、'アラート情報'、時間)
;
}。