수제 폭탄 상자

임의로 본문에 정의 < DIV 클래스 = "경고" > </ DIV > 

스타일의 경고 정의

. 경고 { 
디스플레이 : 없음 ; 위치 : 고정 ; 상단 : 50 %; 좌측 : 50 %; 최소 폭 : 300 픽셀 ; 최대 폭 : 600 픽셀 ; 변환 : 변환 ( - (50) % - (50) % ) ; Z- 색인 : 99999 ; 텍스트 정렬 : 센터 ; 패딩 : 15 픽셀 ;    
    
    
    
    
    
    
    
    
    
    경계 반경 : 3 픽셀 ; 
}

 . 경고 - 성공 { 
색상 : # 3c763d ; 배경 색상 : #의 dff0d8 ; 국경 색상 : #의 d6e9c6 ; } . 경고 - 정보 { 색상 : # 31708f ; 배경 색상 : #의 d9edf7 ; 국경 색상 : # bce8f1 ; } . 경고 - 경고 { 색상 : #의 8a6d3b ; 배경 색상 : # fcf8e3    
    
    



    
    
    



    
    ; 
    국경 컬러 : #faebcc ; 
}

 . 경고 - 위험 { 
색상 : # a94442 ; 배경 색상 : #의 f2dede ; 국경 색상 : # ebccd1 ; }    
    
    

JS

/ ** 
* 팝업 메시지 상자, 사라 자동으로 1.2 초 기본 
* @param 메시지 메시지 
* @param의 스타일 팁 스타일을 성공-경고, 경고 - 위험, 경고 - 경고, 경고-정보가 
* 파라미터 : 시간의 실종 시간 
* / 
var에 프롬프트 = 기능 ( 메시지, 스타일, 시간 ) 
{
     스타일 = ( 스타일 === 정의되지 않은 ) ? '경고-성공' : 스타일; 
    시간 = ( 시간 === 정의되지 않은 ) ? 1200 : 시간; 
    $ ( '<DIV > ' )
         . appendTo( '신체' )
         . addClass ( '경고' + 스타일 )
         . HTML ( 메시지 )
         . 쇼 ()
         . 지연 ( 시간 )
         . 페이드 아웃 () ; 
} ; 

//成功提示
VAR success_prompt = 기능 ( 메시지, 시간 ) 
{ 
메시지 ( 메시지, '경고 - 성공' , 시간 ) ; } ; //失败提示VAR fail_prompt =    



기능 ( 메시지, 시간 ) 
{ 
메시지 ( 메시지, '경고 - 위험' , 시간 ) ; } ; //提醒VAR warning_prompt = 기능 ( 메시지, 시간 ) { 메시지 ( 메시지, '경고 - 경고' 시간 ) ; } ; //信息提示VAR info_prompt = 기능 ( 메시지, 시간 ) { 메시지 ( 메시지, '경고 - 정보' 시간 )    




    





    ; 
} ;

붙여 넣기