阿賈克斯彈出警報

Question

我希望做類似的功能計算器其中在某些情況下，我想說明如用戶重要信息：

你有2個新的答案和1個新評論。看到你的迴應。

這顯示在屏幕頂部的一個猩猩div作爲一種警報，並有一個X來殺死窗口。

我想這樣做，使用jQuery，因爲這是我的選擇庫。任何教程或代碼示例，你可以發送我的方式？

感謝

Answer 1

對於這一點，你要兩個概念結合起來：

首先是有一個div顯示在頁面的頂部。 Take a look at this tutorial，它向您展示如何將<div>放在彼此的頂部。從本質上講，你會希望你的信息欄放置在頂部，與同一位置的其他所有內容相比，它的z順序大。

一旦你有它想要的地方，你需要淡入或淡出。 This article會告訴你什麼是使用JavaScript淡入/淡出divs所需的。

只需將區域的不透明度設置爲100％，並在頁面加載時淡入。然後有一個鏈接或按鈕調用JavaScript淡出如果你想關閉它（或在一定的時間後）。