如何添加一个像“恭喜... - 了解更多”这个网站的酒吧？

Question

我认为浮动吧说 “恭喜，你已经获得了特权 - 在聊天中的谈话了解更多” 看起来很酷，所以报告状态很好。如何在我自己的网站上添加一个？

Answer 1

不看StackOverflow源，我想象的方式如下：

在页面顶部添加一个名为notify（或其他任何您想要调用的内容）的div;像这样的东西：

#notify{
width: 100%;
height: 30px;

position: absolute;

top: 0;

display: none;

z-index: 500;
}

然后使用jQuery slideUp和slideDown方法（或者你想要的其他方法）在通过ajax找到新通知时为其设置动画。 （如果你愿意，可以使用mootools或其他JavaScript库）

（http://api.jquery.com/slideUp，http://api.jquery.com/slideDown，http://api.jquery.com/animate和http://api.jquery.com/jQuery.ajax/）

Answer 2

查看＆gt;页面来源。

这是包含它的div框（或者至少看起来包含它）。似乎他们正在使用带有手风琴风格动作的jQuery。

<div id="notify-container"></div>

http://jqueryui.com/demos/accordion/