Stackoverflow如何做“你赢得了新徽章”窗口？

Question

  

可能重复：
  Notify panel similar to stackoverflow’s
  How to show popup message like in stackoverflow

Stackoverflow如何执行“您赢得了新徽章”窗口？ （在屏幕顶部弹出的橙色，我相信当你没有登录时会显示常见问题解答）。

任何人都有代码示例来执行此操作吗？ （还有关闭窗口的按钮？）

Answer 1

这是HTML，CSS和DOM操作中的一个非常简单的例外。看看http://jquery.com添加效果等......

在你的css中使用这些样式：

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

在您的网页上显示此HTML：

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

应该做的伎俩。玩风格等......让它看起来不错。