jquery - 我的网站的通知

Question

我做了这个jsfiddle：http: //jsfiddle.net/alonshmiel/2PeEK/19/

我设置numOfNewNotifications为li他们的hasRead属性为假的数量。

与此同时，我把球放在numOfNewNotifications了中间。

请问我该怎么做才能像facebook的通知一样？

我只想在 numOfNewNotifications 不为零时才放它

任何帮助表示赞赏！

Answer 1

您的图像是，考虑一个没有白块的图像，并且在div外部有白块。这样我们就可以轻松地使用css.

请看一下这个SO 答案和他们的JSFiddle。

我做了与你类似的事情，检查这个jsfiddle

添加了HTML：

<div id="whit"></div>

CSS：

#whit {
    width: 20px;
    height: 20px;
    background-color: #fff;
    text-align: center;
    top: 0;
    position: absolute;
    margin-left: 29px;
    border: 1px solid #000;
}

改变你的JS：

$("#whit").text(numOfNewNotifications);