javascript - 在哪里可以找到 StackOverflow 网站的 "First Time here?"JavaScript 组件？

Question

我需要为我的 Grails 网站实现类似于橙色和可关闭对话框出现在 StackOverflow 网站顶部的对话框，每当 SO 检测到您是第一次访问时。 (对于演示，只需以私有(private)/隐身模式启动浏览器并转到 www.stackoverflow.com )

我主要对前端组件感兴趣。

您知道我在哪里可以找到可以完成这项工作的 JavaScript/CSS/HTML 库和/或代码吗？或者您是否直接拥有代码源？

Answer 1

这真的很简单，就像为一个 div 创建一个 CSS 样式一样，就像这样:

div.notification
{
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 20px;
    z-index: 1000;
    /* style it the way you want; background, font-weight etc. */
}

然后当您想要显示通知时，您可以将具有此类的 div 添加到 DOM。例如，使用 jQuery:

function displayNotification(text)
{
    var notification = $('<div></div>')
        .addClass('notification')
        .text(text)
        .click(function() { notification.remove(); });
    $('body').append(notification);
}

displayNotification('Hello World!');

当然你可以让它更高级，但这是基本的想法。