<a onclick = gomessage (); стиль = ширина: 60px; высота: 100%; цвет: белый; фон: прозрачный; href =# class = easyui-linkbutton data-options = iconcls: 'fa fa-bell-o fa-2x', size: 'large', iconalign: 'top'> 消息 <span id = 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.contextpath} /доцинф/sendinform/lookformsgn. data) {if (data! = null) {if (parseint (data)> 10) {$ (#msgnum) .show (); (data)> 0) {$ (#msgnum) .show (); function () {}}); }实现效果 ：
以上所述是小编给大家介绍的 html 在消息按钮上增加数量角标的实现代码 希望对大家有所帮助 希望对大家有所帮助 如果大家有任何疑问请给我留言 ， 小编会及时回复大家的。在此也非常感谢大家对 VEVB 武林网网站的支持！