Stackoverflow는 "귀하가 새 배지를 획득했습니다"창을 어떻게합니까?

Question

가능한 중복은 :
Notify panel similar to stackoverflow’s
How to show popup message like in stackoverflow

어떻게 유래 창 "새 배지를 받았습니다"합니까? (오렌지색은 화면 상단에 나타나며, 로그인하지 않은 경우 FAQ를 보여줍니다.)

누구나 코드 샘플이 있습니까? (창을 닫는 버튼이 있습니까?)

Answer 1

이것은 HTML, CSS 및 DOM 조작에서 매우 단순합니다. 당신의 CSS에이 스타일을 사용하여 ...

등, 효과를 추가 할 수 http://jquery.com에서보세요 :

#banner 
{ 
    position: fixed; 
    top: 0; 
    left: 0; 
    right: 0; 
    background-color: #aaf; 
    color: #000; 
    font-size: 1.5em; 
    padding: .5em; 
    z-index: 100; 
} 

그리고 yourpage에서이 HTML을 :

<div id="banner"> 
    Your text here 
    <a href="#" onclick="document.getElementById('banner').style.display = 'none'; return false;">close</a> 
</div> 

트릭을 할해야합니다. 스타일을 가지고 놀아서 ... 멋지게 보이게하십시오.