<a onClick = gomessage（）;样式=宽度：60px;高度：100％;颜色：白色；背景：透明； href =＃class = easyui-linkbutton data-options = iconcls：'fa fa fa fa-bell-o fa-2x'，size：'大'，iconalign：'top'>消息<span> span in> span in> msgnum class = ii> 4 < /span> </a>CSS代码：
/ *角标 */ .ii {display：none;背景：＃f00;边界拉迪乌斯：50％；宽度：20px;身高：20px;顶部：5px;右：0px;位置：绝对；文字平衡：中心；颜色：#fff; Z-Index：99999; }JS代码：
函数ajaxa（）{$ .ajax（{type：post，datatype：json，async：false，url：$ {pagecontext.request.context.contextpath}/这data）{if（data！= null）{if（parseint（data）> 10）{$（＃msgnum）.show（）; $（＃msgnum）.text（parseint（data）） （数据）> 0）{$（＃msgnum）.show（）; $（＃msgnum）.text（parseint（data））功能（）{ } }）; }实现效果：
以上所述是小编给大家介绍的html在消息按钮上增加数量角标的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也，小编会及时回复大家的。在此也非常感谢大家对vevb 武林网网站的支持！