Php ajax中的通知气泡标记

Php ajax中的通知气泡标记,php,jquery,ajax,css,Php,Jquery,Ajax,Css,如何在类似Facebook的ajax中获取通知号码徽章。我不能在这里贴照片,但我想人们知道我在说什么。这就像当你登录Facebook时,如果你有新消息,你会在搜索栏旁边的图标右上角看到一个小数字。我目前发现这段代码负责创建那个数字,但我不能再进一步了。这是我找到的代码 <span class="jewelCount" id="notificationsCountWrapper"> <span id="notificationsCountValue">1</s

如何在类似Facebook的ajax中获取通知号码徽章。我不能在这里贴照片,但我想人们知道我在说什么。这就像当你登录Facebook时,如果你有新消息,你会在搜索栏旁边的图标右上角看到一个小数字。我目前发现这段代码负责创建那个数字,但我不能再进一步了。这是我找到的代码

<span class="jewelCount" id="notificationsCountWrapper">
    <span id="notificationsCountValue">1</span>
    <i class="accessible_elem"> Notifications</i>
</span>

1.
通知

你想要这样的东西吗

如果您愿意,这里是css和jquery解决方案。演示

在按钮内添加
,并替换动态计数值

.ballons {
    float:right;
    margin:-20px 8px 0 0;
    line-height:30px;
    padding:0 10px;
    border-radius: 30px;
    border:3px solid #fff;
    border-radius: 30px;
    -moz-border-radius: 30px; 
    -webkit-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    background:red;
    color:#fff;
    text-align:center;
    -moz-box-shadow:    1px 1px 3px 3px #ccc;
    -webkit-box-shadow: 1px 1px 3px 3px #ccc;
    box-shadow:         1px 1px 3px 3px #ccc;
}

我想知道如何做到这一点我们无法帮助你了解这么多的信息。。请提供更多信息。。无论如何,你可以看看这个谢谢,但我不想使用插件:)在这种情况下,你必须做大量的编码根据您的要求。。