<a onclick = gomessage (); estilo = largura: 60px; altura: 100%; cor: branco; fundo: transparente; href =# class = easyui-linkButton Data-options = icoCls: 'fa fa-bell-o fa-2x', tamanho: 'grande', iconalign: 'top'> 消息 <span id = msgnum class = ii> 4 < /span> </a>CSS 代码:
/ *角标 */ .ii {display: Nenhum; Antecedentes: #f00; Radio de fronteira: 50%; Largura: 20px; Altura: 20px; topo: 5px; Direita: 0px; Posição: Absoluto; Alinhamento de texto: centro; Cor: #FFF; Z-Index: 99999; }JS 代码:
function ajaxa () {$ .ajax ({type: post, datatype: json, assíncrono: false, url: $ {pageContext.request.contextpath} /docinf/sendinform/lookformsgnum.do, dados: {}, sucesso: function (function (função ( dados) {if (data! = null) {if (parseint (dados)> 10) {$ (#msgnum) .show (); (Dados)> 0) {$ (#msgnum) .show (); function () {}}); }实现效果
以上所述是小编给大家介绍的 html 在消息按钮上增加数量角标的实现代码 ， 希望对大家有所帮助 ， 如果大家有任何疑问请给我留言 ， 小编会及时回复大家的。在此也非常感谢大家对 VEVB 武林网网站的支持！