如何添加一個像「恭喜... - 瞭解更多」這個網站的酒吧？

Question

我認爲浮動條說 「恭喜你，你已經獲得了特權 - 在聊天聊天瞭解更多」 看起來如此酷，如此整潔以報告狀態。如何添加一個到我自己的網站？

Answer 1

不看StackOverflow的來源，我想它會做的方式如下：

添加一個名爲DIV通知（或任何你想將它命名）到您網頁的頂部;是這樣的：

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

position: absolute; 

top: 0; 

display: none; 

z-index: 500; 
} 

然後使用jQuery的效果基本show和了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

查看>頁面源代碼。

這是包含它（或至少似乎包含它）的div盒。似乎他們正在使用手風琴風格的jQuery動作。

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

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