<a onClick = gomessage (); Gaya = Lebar: 60px; Tinggi: 100%; Warna: Putih; Latar Belakang: Transparan; href =# class = easyui-linkbutton data-options = iconCls: 'fa fa-bull-o fa-2x', ukuran: 'besar', iconAlign: 'top'> 消息 <span id = msgnum class = ii> 4 < /span> </a>CSS :
/ *角标 */ .ii {display: none; Latar Belakang: #F00; Border-Radius: 50%; Lebar: 20px; Tinggi: 20px; Atas: 5px; Kanan: 0px; Posisi: Absolute; Teks-Align: tengah; Warna: #fff; z-index: 99999; }JS :
function Ajaxa () {$ .AJAX ({type: POST, DATATYPE: JSON, ASYNC: FALSE, URL: $ {PAGECONTEXT.REQUEST.CONTEXTPATH} /DOCINF/SENDINFORM/LOOKFORMSGNUM.DO, DATA: {}, SUCCESS: function (function (function (function data) {if (data! = null) {if (parseInt (data)> 10) {$ (#msGnum) .show (); (data)> 0) {$ (#msGnum) .show (); fungsi(){ } }); }实现效果 :
以上所述是小编给大家介绍的 html 在消息按钮上增加数量角标的实现代码 , 希望对大家有所帮助 , 如果大家有任何疑问请给我留言 , 小编会及时回复大家的。在此也非常感谢大家对 vevb 武林网网站的支持!