<a onclick = gomessage (); สไตล์ = ความกว้าง: 60px; ความสูง: 100%; สี: สีขาว; พื้นหลัง: โปร่งใส; href =# class = easyui-linkbutton ตัวเลือกข้อมูล = iconcls: 'fa fa-bell-o fa-2x', ขนาด: 'ใหญ่', iconalign: 'top'> 消息 <span id = msgnum class = ii> 4 < /span> </a>CSS 代码：
/ *角标 */ .ii {display: none; ความเป็นมา: #f00; แนวชายแดน: 50%; ความกว้าง: 20px; ความสูง: 20px; ด้านบน: 5px; ขวา: 0px; ตำแหน่ง: สัมบูรณ์; TEXT-ALIGN: CENTER; สี: #FFF; z-index: 99999; -JS 代码：
ฟังก์ชั่น ajaxa () {$ .ajax ({type: post, datatype: json, async: false, url: $ {pageContext.request.contextpath} /docinf/sendinform/lookformsgnum.do, ข้อมูล: {}, ความสำเร็จ ข้อมูล) {if (data! = null) {if (parseint (data)> 10) {$ (#msgnum). show (); (ข้อมูล)> 0) {$ (#msgnum). show (); การทำงาน(){ } }); -实现效果：
以上所述是小编给大家介绍的 html 在消息按钮上增加数量角标的实现代码， 希望对大家有所帮助， 如果大家有任何疑问请给我留言， 小编会及时回复大家的。在此也非常感谢大家对 vevb 武林网网站的支持！