2009-03-05 4 views

답변

13

당신의 생각은 jQuery BlockUI입니다.

demo's을 살펴보십시오.

css를 사용하면 Gmail의 스타일을 일치시킬 수 있습니다.

+0

우수 플러그인. – Kieron

+0

메시지를 표시하려면 http://stanlemon.net/pages/jgrowl을 사용하는 것이 더 간단합니다. –

5

플러그인을 사용할 수 있지만 고정 DIV를 페이지 상단에 위치시키고 페이드 인/아웃 할 수도 있습니다. 다음의 예제를 보자 : 당신은 해결해야 할

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <title>jQuery</title> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> 
     <script type="text/javascript"> 
      $(document).ready(function() { 
       $('input').click(function() { 
        $('#notification').fadeIn('slow'); 
       }); 
      }); 
     </script> 
    </head> 
    <body style="height: 1000px;"> 
     <div id="notification" style="position: fixed; top: 0px; margin-left: 50%; background-color: yellow; font-weight: bold; display: none;">Sending...</div> 
     <input type="button" value="Gmail notification!" /> 
    </body> 
</html> 

(작업이 등을 완료 한 후 콜백)를 어떻게 숨길, 등등 스타일을합니다. 그것은 단지 하나의 예입니다.