如何在页面顶部显示可关闭的<div> </div>

Question

如何在页面顶部显示可关闭，如stackoverflow新答案。 即时通讯使用asp.net

Answer 1

您的意思是通知栏吗？如果是这样，这里有一个很好的演示和代码片段。

http://tympanus.net/codrops/2009/10/29/jbar-a-jquery-notification-plugin/

Answer 2

这真的很简单 - 有一个div，其中有一个控件（我想象的一个锚点），绑定了一个click事件，从DOM中删除父项。像这样的东西

 <!-- html -->
 <div id="warning"><a href="#" class='close'>[X]</a></div>

然后是一些事件善良：

$(document).ready(function() {
    $('.close').bind('click', function(e) {
         $(this).parent.remove();
    });
});

你已经完成了很多工作。添加盐和CSS尝试。

Answer 3

Stackoverflow使用Javascript和JQuery库来创建它。

Answer 4

以下是您要查找的效果的一些jQuery实现：

• Slide Toggle
• Slide Down
• Hide
• Queue

你必须以这些为基础。