Question

我的任务是为现有的ASP.net表单应用程序添加功能。用户在登录时进行身份验证。

我被要求对应用程序进行编程，以便在用户登录时，会看到一条特殊消息，通知他们有新消息。

我认为StackOverflow非常好地实现了这个功能。横幅出现在页面顶部的方式使它们不可能错过和不引人注目。请问堆叠器是否可以在我的ASP.net应用程序中实现与此类似的功能？

Answer 1

我在大多数应用中使用此技术。 Basicaly我在用户需要通知某事时包含div。 css类是这样的：

 .success {
    z-index:10;
    position:absolute;
    display: block;
    width: 100%;
    height:60px;
    background-color:#D8D4AE;
    border-bottom: 2px solid #000000;
    top:0;
    left:0;
    color:#817C55;
}

要显示div，我使用以下代码（ASP.NET MVC）将其添加到我的页面：

<%if (TempData["Success"] != null)
          {%>
          <% Html.RenderPartial("Success"); %>
        <%} %>

您必须在div中使用以下脚本来创建幻灯片效果：

$(document).ready(function () {
    $('.success').hide();
    $('.success').css("display", "block");
    $('.success').slideDown('slow');
    $('.success').click(function () {
        $('.success').slideUp('slow');
    });
    setTimeout(function () { $('.success').slideUp('slow'); }, 5000);
});

代码已经过简化，但这基本上就是创建类似Stackoverflow的滑动面板所需要的

Answer 2

查看Jgrowl http://www.stanlemon.net/projects/jgrowl.html

通过一些样式，您可以使用它来实现非常类似于StackOverflow的通知。

如何在网页上显示横幅以通知登录用户他们有新消息？

2 个答案: