我在哪里可以找到"第一次来这里？" StackOverflow网站的JavaScript组件？

Question

我需要为我的Grails网站实现类似于StackOverflow网站顶部出现的橙色和可关闭对话框,只要SO检测到它是您的第一次访问.(对于演示,只需在私人/隐身模式下启动浏览器,然后访问 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!');

当然,你可以使它更先进,但这是基本的想法.