自家製爆弾ボックス

任意の体で定義された< DIV CLASS = "警告" > </ DIV > 

スタイルのアラート定義

警戒{ 
表示なし ; 位置固定 ; トップ50%; 50%; 最小幅300 ピクセル最大幅600 ピクセル ; 変換変換 - 50% - 50z屈折率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 = 機能メッセージ、時間{ プロンプトメッセージ、'アラート情報'、時間










;
}
貼付

 

おすすめ

転載: www.cnblogs.com/tflike/p/10929690.html