스택 오버플로 상단에있는 팝업 메시지는 어떻게 만듭니 까?

Question

스택 오버 플로우 사이트 상단에 나타나는 이러한 오렌지색 창에는 작은 십자가가있어서이를 수행하는 가장 좋은 방법은 무엇인지를 알 수 있습니다.

사용자가 지울 수있는 메시지를 표시하고 싶습니다.

Answer 1

원하는 색으로 div을 만들고 가장 오른쪽 모서리에 단추/이미지를 추가하여 섹션을 닫습니다 (사라지게하십시오). 처음에 이것은 hidden이어야하며 사용자 또는 일부 활동 (아마 AJAX 사용)의 응답을 기반으로 div 내의 일부 요소의 innerHtml 내용을 변경하고 해당 막대를 표시 할 수 있습니다. 닫기 버튼/이미지는 다시 클릭하면 숨겨집니다. 애니메이션 효과를 적용하려면 jquery hide 및 show 기능을 사용하여 모양을 좋게 만들고 사용자의 관심을 끌기 위해 원하는 타이머 값을 제공 할 수 있습니다. 필요한 작업을 수행해야합니다.

Answer 2

이들은 div이고, 너비가 100 %이며 자바 스크립트의 작은 조각 (예 : jQuery 애니메이션)으로 애니메이션되었습니다. 당신은 그 (것)들을 그 외 모든 것 (z-index: 100;)의 위에 고치거나 주 상자의 앞에 그 메시지를위한 상자 및 상자가있을 수 있었다. 그 밖의 무엇을 알아야합니까?

Answer 3

IE 개발자 도구 또는 Firefox 방화범을 사용하고이 요소의 html, javascript 및 css 코드를 확인하십시오.