<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 武林網網站的支持！