HTML agrega el código de implementación del marcador de ángulo numérico en el botón Mensaje

 <a onClick = gomessage (); estilo = ancho: 60px; altura: 100%; color: blanco; fondo: transparente; href =# class = EasyUi-LinkButton Data-Options = icOnCls: 'fa fa-bell-o fa-2x', tamaño: 'grande', iconalign: 'top'> 消息 <span id = msgnum class = ii> 4 < /span> </a>

 / *角标 */ .ii {display: none; Antecedentes: #F00; Radio fronterizo: 50%; Ancho: 20px; Altura: 20px; Arriba: 5px; Derecha: 0px; Posición: Absoluto; Text-Align: Center; Color: #fff; Index Z: 99999; }

JS ： ：

 function aJaxa () {$ .AJAX ({type: post, dataType: json, async: false, url: $ {pageContext.request.contextpath} /docinf/sendinform/lookformsgnum.do, data: {}, éxito: función (function (function (function (function (function (function (function (function (function (function (function (function (funcional data) {if (data! = null) {if (parseInt (data)> 10) {$ (#msgnum) .show (); (datos)> 0) {$ (#msgnum) .show (); función(){ } }); }

实现效果 ：

以上所述是小编给大家介绍的 html 在消息按钮上增加数量角标的实现代码 ， 希望对大家有所帮助 如果大家有任何疑问请给我留言 如果大家有任何疑问请给我留言 小编会及时回复大家的。在此也非常感谢大家对 VEVB 武林网网站的支持！