<a onclick = gomessage () ؛ النمط = العرض: 60px ؛ الارتفاع: 100 ٪ ؛ اللون: أبيض ؛ الخلفية: شفافة ؛ HREF =# class = easyui-linkbutton-options = iconcls: 'fa fa-bell-o-2x' ، الحجم: 'كبير' ، iconalign: 'top'> 消息 <span id = msgnum class = ii> 4 < /span> </a>CSS :
/ *角标 */ .ii {display: none ؛ الخلفية: #F00 ؛ الحدود الحدودية: 50 ٪ ؛ العرض: 20 بكسل ؛ الارتفاع: 20 بكسل ؛ أعلى: 5 بكسل ؛ اليمين: 0px ؛ الموقف: مطلق ؛ محاذاة النص: المركز ؛ اللون: #fff ؛ Z-index: 99999 ؛ }JS 代码 :
وظيفة Ajaxa () {$ .ajax ({type: post ، dataType: json ، async: false ، url: $ {pagecontext.request.contextpath} /docinf/sendinform/lookformsgnum.do ، data: {} ، النجاح: البيانات) {if (data! = null) {if (parseint)> 10) {$ (#msgnum) .show () ؛ (Data)> 0) {$ (#msgnum) .show () ؛ وظيفة(){ } })؛ }: :
以上所述是小编给大家介绍的 html 在消息按钮上增加数量角标的实现代码 , , , 如果大家有任何疑问请给我留言 , 小编会及时回复大家的。在此也非常感谢大家对 vevb 武林网网站的支持!