<a onclick = gomessage (); Stil = Breite: 60px; Höhe: 100%; Farbe: Weiß; Hintergrund: transparent; href =# class = easyui-linkbutton data-options = iconcls: 'fa fa-bell-o fa-2x', Größe: 'Large', iconAnn: 'Top'> 消息 <span id = msgnum class = ii> 4 < /span> </a>CSS 代码 :
/ *角标 */ .ii {display: keine; Hintergrund: #f00; Grenzradius: 50%; Breite: 20px; Höhe: 20px; Top: 5px; Rechts: 0px; Position: absolut; Text-Align: Mitte; Farbe: #fff; Z-Index: 99999; }JS 代码 :
Funktion ajaxa () {$ .ajax ({type: post, dataType: json, async: false, url: $ {pageContext.request.contextPath} /docinf/sendinform/lookFormsgnum.do, Daten: {}, Erfolg: Funktion (Funktion: Funktion (Funktion Daten) {if (data! (Daten)> 0) {$ (#msgnum) .show (); function () {}}); }实现效果 :
以上所述是小编给大家介绍的 html 在消息按钮上增加数量角标的实现代码 , 希望对大家有所帮助 , 如果大家有任何疑问请给我留言 , 小编会及时回复大家的。在此也 小编会及时回复大家的。在此也非常感谢大家对 vevb 武林网网站的支持!