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

Question

可能重复:
Notify面板类似于stackoverflow的
如何在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>

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